/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-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 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 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-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend,
#adminsettings h3 {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label,
  .statusok,
  .statuswarning,
  .statusserious,
  .statuscritical,
  .tag {
    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('[[font:theme|glyphicons-halflings-regular]].eot');
  src: url('[[font:theme|glyphicons-halflings-regular]].eot?#iefix') format('embedded-opentype'), url('[[font:theme|glyphicons-halflings-regular]].woff2') format('woff2'), url('[[font:theme|glyphicons-halflings-regular]].woff') format('woff'), url('[[font:theme|glyphicons-halflings-regular]].ttf') format('truetype'), url('[[font:theme|glyphicons-halflings-regular]].svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

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

.glyphicon-align-center:before {
  content: "\e053";
}

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

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

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

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

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

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

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  -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: #333333;
  background-color: #ffffff;
}

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: 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,
.img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  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;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only,
.accesshide,
a.skip-block,
a.skip {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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: #777777;
}

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 {
  background-color: #fcf8e3;
  padding: .2em;
}

.text-left {
  text-align: right;
}

.text-right {
  text-align: left;
}

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

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

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

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

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

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

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

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

.text-danger {
  color: #a94442;
}

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

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

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

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

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

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

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

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

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

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

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled,
.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li,
.form-setting .form-multicheckbox ul {
  padding-right: 0;
  list-style: none;
}

.list-inline {
  padding-right: 0;
  list-style: none;
  margin-right: -5px;
}

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

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: right;
    width: 160px;
    clear: right;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-right: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-right: 5px solid #eeeeee;
}

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: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-left: 15px;
  padding-right: 0;
  border-left: 5px solid #eeeeee;
  border-right: 0;
  text-align: left;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

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

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

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

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  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;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  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 {
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

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

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

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

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: right;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  left: 100%;
}

.col-xs-pull-11 {
  left: 91.66666667%;
}

.col-xs-pull-10 {
  left: 83.33333333%;
}

.col-xs-pull-9 {
  left: 75%;
}

.col-xs-pull-8 {
  left: 66.66666667%;
}

.col-xs-pull-7 {
  left: 58.33333333%;
}

.col-xs-pull-6 {
  left: 50%;
}

.col-xs-pull-5 {
  left: 41.66666667%;
}

.col-xs-pull-4 {
  left: 33.33333333%;
}

.col-xs-pull-3 {
  left: 25%;
}

.col-xs-pull-2 {
  left: 16.66666667%;
}

.col-xs-pull-1 {
  left: 8.33333333%;
}

.col-xs-pull-0 {
  left: auto;
}

.col-xs-push-12 {
  right: 100%;
}

.col-xs-push-11 {
  right: 91.66666667%;
}

.col-xs-push-10 {
  right: 83.33333333%;
}

.col-xs-push-9 {
  right: 75%;
}

.col-xs-push-8 {
  right: 66.66666667%;
}

.col-xs-push-7 {
  right: 58.33333333%;
}

.col-xs-push-6 {
  right: 50%;
}

.col-xs-push-5 {
  right: 41.66666667%;
}

.col-xs-push-4 {
  right: 33.33333333%;
}

.col-xs-push-3 {
  right: 25%;
}

.col-xs-push-2 {
  right: 16.66666667%;
}

.col-xs-push-1 {
  right: 8.33333333%;
}

.col-xs-push-0 {
  right: auto;
}

.col-xs-offset-12 {
  margin-right: 100%;
}

.col-xs-offset-11 {
  margin-right: 91.66666667%;
}

.col-xs-offset-10 {
  margin-right: 83.33333333%;
}

.col-xs-offset-9 {
  margin-right: 75%;
}

.col-xs-offset-8 {
  margin-right: 66.66666667%;
}

.col-xs-offset-7 {
  margin-right: 58.33333333%;
}

.col-xs-offset-6 {
  margin-right: 50%;
}

.col-xs-offset-5 {
  margin-right: 41.66666667%;
}

.col-xs-offset-4 {
  margin-right: 33.33333333%;
}

.col-xs-offset-3 {
  margin-right: 25%;
}

.col-xs-offset-2 {
  margin-right: 16.66666667%;
}

.col-xs-offset-1 {
  margin-right: 8.33333333%;
}

.col-xs-offset-0 {
  margin-right: 0%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: right;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    left: 100%;
  }

  .col-sm-pull-11 {
    left: 91.66666667%;
  }

  .col-sm-pull-10 {
    left: 83.33333333%;
  }

  .col-sm-pull-9 {
    left: 75%;
  }

  .col-sm-pull-8 {
    left: 66.66666667%;
  }

  .col-sm-pull-7 {
    left: 58.33333333%;
  }

  .col-sm-pull-6 {
    left: 50%;
  }

  .col-sm-pull-5 {
    left: 41.66666667%;
  }

  .col-sm-pull-4 {
    left: 33.33333333%;
  }

  .col-sm-pull-3 {
    left: 25%;
  }

  .col-sm-pull-2 {
    left: 16.66666667%;
  }

  .col-sm-pull-1 {
    left: 8.33333333%;
  }

  .col-sm-pull-0 {
    left: auto;
  }

  .col-sm-push-12 {
    right: 100%;
  }

  .col-sm-push-11 {
    right: 91.66666667%;
  }

  .col-sm-push-10 {
    right: 83.33333333%;
  }

  .col-sm-push-9 {
    right: 75%;
  }

  .col-sm-push-8 {
    right: 66.66666667%;
  }

  .col-sm-push-7 {
    right: 58.33333333%;
  }

  .col-sm-push-6 {
    right: 50%;
  }

  .col-sm-push-5 {
    right: 41.66666667%;
  }

  .col-sm-push-4 {
    right: 33.33333333%;
  }

  .col-sm-push-3 {
    right: 25%;
  }

  .col-sm-push-2 {
    right: 16.66666667%;
  }

  .col-sm-push-1 {
    right: 8.33333333%;
  }

  .col-sm-push-0 {
    right: auto;
  }

  .col-sm-offset-12 {
    margin-right: 100%;
  }

  .col-sm-offset-11 {
    margin-right: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-right: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-right: 75%;
  }

  .col-sm-offset-8 {
    margin-right: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-right: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-right: 50%;
  }

  .col-sm-offset-5 {
    margin-right: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-right: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-right: 25%;
  }

  .col-sm-offset-2 {
    margin-right: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-right: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-right: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: right;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    left: 100%;
  }

  .col-md-pull-11 {
    left: 91.66666667%;
  }

  .col-md-pull-10 {
    left: 83.33333333%;
  }

  .col-md-pull-9 {
    left: 75%;
  }

  .col-md-pull-8 {
    left: 66.66666667%;
  }

  .col-md-pull-7 {
    left: 58.33333333%;
  }

  .col-md-pull-6 {
    left: 50%;
  }

  .col-md-pull-5 {
    left: 41.66666667%;
  }

  .col-md-pull-4 {
    left: 33.33333333%;
  }

  .col-md-pull-3 {
    left: 25%;
  }

  .col-md-pull-2 {
    left: 16.66666667%;
  }

  .col-md-pull-1 {
    left: 8.33333333%;
  }

  .col-md-pull-0 {
    left: auto;
  }

  .col-md-push-12 {
    right: 100%;
  }

  .col-md-push-11 {
    right: 91.66666667%;
  }

  .col-md-push-10 {
    right: 83.33333333%;
  }

  .col-md-push-9 {
    right: 75%;
  }

  .col-md-push-8 {
    right: 66.66666667%;
  }

  .col-md-push-7 {
    right: 58.33333333%;
  }

  .col-md-push-6 {
    right: 50%;
  }

  .col-md-push-5 {
    right: 41.66666667%;
  }

  .col-md-push-4 {
    right: 33.33333333%;
  }

  .col-md-push-3 {
    right: 25%;
  }

  .col-md-push-2 {
    right: 16.66666667%;
  }

  .col-md-push-1 {
    right: 8.33333333%;
  }

  .col-md-push-0 {
    right: auto;
  }

  .col-md-offset-12 {
    margin-right: 100%;
  }

  .col-md-offset-11 {
    margin-right: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-right: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-right: 75%;
  }

  .col-md-offset-8 {
    margin-right: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-right: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-right: 50%;
  }

  .col-md-offset-5 {
    margin-right: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-right: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-right: 25%;
  }

  .col-md-offset-2 {
    margin-right: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-right: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-right: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: right;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    left: 100%;
  }

  .col-lg-pull-11 {
    left: 91.66666667%;
  }

  .col-lg-pull-10 {
    left: 83.33333333%;
  }

  .col-lg-pull-9 {
    left: 75%;
  }

  .col-lg-pull-8 {
    left: 66.66666667%;
  }

  .col-lg-pull-7 {
    left: 58.33333333%;
  }

  .col-lg-pull-6 {
    left: 50%;
  }

  .col-lg-pull-5 {
    left: 41.66666667%;
  }

  .col-lg-pull-4 {
    left: 33.33333333%;
  }

  .col-lg-pull-3 {
    left: 25%;
  }

  .col-lg-pull-2 {
    left: 16.66666667%;
  }

  .col-lg-pull-1 {
    left: 8.33333333%;
  }

  .col-lg-pull-0 {
    left: auto;
  }

  .col-lg-push-12 {
    right: 100%;
  }

  .col-lg-push-11 {
    right: 91.66666667%;
  }

  .col-lg-push-10 {
    right: 83.33333333%;
  }

  .col-lg-push-9 {
    right: 75%;
  }

  .col-lg-push-8 {
    right: 66.66666667%;
  }

  .col-lg-push-7 {
    right: 58.33333333%;
  }

  .col-lg-push-6 {
    right: 50%;
  }

  .col-lg-push-5 {
    right: 41.66666667%;
  }

  .col-lg-push-4 {
    right: 33.33333333%;
  }

  .col-lg-push-3 {
    right: 25%;
  }

  .col-lg-push-2 {
    right: 16.66666667%;
  }

  .col-lg-push-1 {
    right: 8.33333333%;
  }

  .col-lg-push-0 {
    right: auto;
  }

  .col-lg-offset-12 {
    margin-right: 100%;
  }

  .col-lg-offset-11 {
    margin-right: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-right: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-right: 75%;
  }

  .col-lg-offset-8 {
    margin-right: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-right: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-right: 50%;
  }

  .col-lg-offset-5 {
    margin-right: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-right: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-right: 25%;
  }

  .col-lg-offset-2 {
    margin-right: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-right: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-right: 0%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: right;
}

th {
  text-align: right;
}

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

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

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

.table .table {
  background-color: #ffffff;
}

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

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

.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;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.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 {
  overflow-x: auto;
  min-height: 0.01%;
}

@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 #dddddd;
  }

  .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-right: 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-left: 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 {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend,
#adminsettings h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

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

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}

.form-control,
.fp-formset .controls input[type="text"],
.fp-formset .controls select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }

  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

.form-group,
.mform .fitem,
.form-item,
.path-mod-feedback .feedback_item_box_left {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label,
.fcheckbox > span > label,
.form-checkbox + label,
.form-multicheckbox label,
.unmask label {
  min-height: 20px;
  padding-right: 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-right: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-right: 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 {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

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

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

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

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

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

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-left: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -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;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.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;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.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;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-right: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-right: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group,
.mform .fitem,
.form-item,
.path-mod-feedback .feedback_item_box_left {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  left: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -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 {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

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

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

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

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}

.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

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

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}

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

.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

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

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

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

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}

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

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}

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

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}

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

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  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: #777777;
  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-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

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

.dropup,
.dropdown {
  position: relative;
}

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: right;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  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);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  left: 0;
  right: 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: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: auto;
  left: 0;
}

.dropdown-menu-left {
  right: 0;
  left: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  left: 0;
  right: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.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: auto;
    left: 0;
  }

  .navbar-right .dropdown-menu-left {
    right: 0;
    left: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: right;
}

.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-right: -1px;
}

.btn-toolbar {
  margin-right: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: right;
}

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

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

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

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

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

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

.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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-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-right: 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-right: 0;
}

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

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-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;
  border-bottom-right-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-left-radius: 0;
  border-bottom-right-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 {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  right: 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: right;
  width: 100%;
  margin-bottom: 0;
}

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

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

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

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

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

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:first-child {
  border-left: 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-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:last-child {
  border-right: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-right: -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-left: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-right: -1px;
}

.nav {
  margin-bottom: 0;
  padding-right: 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: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  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 #dddddd;
}

.nav-tabs > li {
  float: right;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-left: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs.nav-justified {
  width: 100%;
  padding: 10px 0 0 0;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  right: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: block;
    width: 100%;
    float: none;
  }

  .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .nav-tabs.nav-justified {
    border: 0;
    border-radius: 0;
  }

  .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-left: 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 #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    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: #ffffff;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-left: 1px;
  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 #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border: 1px solid #dddddd;
    border-radius: 4px;
  }
}

@media (min-width: 992px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    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: #ffffff;
  }
}

.nav-pills > li {
  float: right;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-right: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-right: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  right: 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-left: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    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: #ffffff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: right;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-left: 15px;
  padding-right: 15px;
  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);
  -webkit-overflow-scrolling: touch;
}

.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-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 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;
  left: 0;
  right: 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: right;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

.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-right: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: left;
  margin-left: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  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 25px 5px 15px;
  }

  .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: right;
    margin: 0;
  }

  .navbar-nav > li {
    float: right;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-right: -15px;
  margin-left: -15px;
  padding: 10px 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);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-right: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-right: 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;
    border: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 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-left-radius: 0;
  border-bottom-right-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: right;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: right !important;
  }

  .navbar-right {
    float: left !important;
    margin-left: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-left: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

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

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}

.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 {
  background-color: #e7e7e7;
  color: #555555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    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: #555555;
    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: #cccccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777777;
}

.navbar-default .navbar-link:hover {
  color: #333333;
}

.navbar-default .btn-link {
  color: #777777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}

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

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  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: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.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 {
  background-color: #080808;
  color: #ffffff;
}

@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: #ffffff;
    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: #ffffff;
    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: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}

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

.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 {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}

.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-right: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: right;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-right: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pager {
  padding-right: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: left;
}

.pager .previous > a,
.pager .previous > span {
  float: right;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed;
}

.label,
.statusok,
.statuswarning,
.statusserious,
.statuscritical,
.tag {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777777;
}

.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,
.statusok {
  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,
.statuswarning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger,
.statusserious,
.statuscritical {
  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;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  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: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #ffffff;
}

.list-group-item > .badge {
  float: left;
}

.list-group-item > .badge + .badge {
  margin-left: 5px;
}

.nav-pills > li > a > .badge {
  margin-right: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.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;
  padding-right: 15px;
  padding-left: 15px;
}

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

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  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: #333333;
}

.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-left: 35px;
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  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: right;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  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 {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-right: 10px;
}

.media-left,
.media > .pull-left {
  padding-left: 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-right: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-right: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.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-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}

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

button.list-group-item {
  width: 100%;
  text-align: right;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

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

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

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

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

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

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

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

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

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

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

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

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

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

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

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

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel,
.block {
  margin-bottom: 20px;
  background-color: #ffffff;
  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 #dddddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-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-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-right-radius: 3px;
  border-top-left-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-right-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-left-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-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-right-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-left-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}

.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-right: 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-left: 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 {
  border: 0;
  margin-bottom: 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 #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default,
.block {
  border-color: #dddddd;
}

.panel-default > .panel-heading,
.block .header,
#dockeditempanel .dockeditempanel_hd {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

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

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

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

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  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: #ffffff;
}

.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;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well,
.card {
  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: left;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.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: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

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

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

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

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

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

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

.modal-footer .btn-block + .btn-block {
  margin-right: 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-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-right: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-right: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}

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

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

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

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

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

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

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

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

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

.popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  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-right: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-right: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  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 {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  right: 50%;
  margin-right: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

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

.popover.right > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

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

.popover.bottom > .arrow {
  right: 50%;
  margin-right: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

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

.popover.left > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

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

.carousel {
  position: relative;
}

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

.carousel-inner > .item {
  display: none;
  position: relative;
  -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: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    right: 0;
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

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

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

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

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

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

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

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

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

.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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  right: auto;
  left: 0;
  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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  right: 50%;
  z-index: 15;
  width: 60%;
  margin-right: -30%;
  padding-right: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  left: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  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: -10px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-right: -10px;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-left: -10px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.userprofile dl.list dd:before,
.userprofile dl.list dd:after,
.userprofile dl.list dd:before,
.userprofile dl.list dd:after,
.mform .fitem_actionbuttons:before,
.mform .fitem_actionbuttons:after,
.mform .fitem:before,
.mform .fitem:after,
.form-item:before,
.form-item:after,
.path-mod-feedback .feedback_item_box_left:before,
.path-mod-feedback .feedback_item_box_left:after {
  content: " ";
  display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.userprofile dl.list dd:after,
.userprofile dl.list dd:after,
.mform .fitem_actionbuttons:after,
.mform .fitem:after,
.form-item:after,
.path-mod-feedback .feedback_item_box_left:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right,
.pull-xs-right {
  float: left !important;
}

.pull-left,
.pull-xs-left {
  float: right !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 !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/**
 * bootstrapoverride.less
 *
 * This file is meant to contain rules which specifically override
 * rules defined in Bootstrap.
*/

@media print {
  a[href]:after {
    content: "";
  }
}

.moodleSkin .mceIcon img.mceIcon {
  display: block;
  height: auto;
  width: auto;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-right: -1px;
  border-radius: 6px 0 6px 6px;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.15);
  margin-top: 5px;
  margin-left: -10px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu:hover > a:after {
  border-right-color: rgba(0, 0, 0, 0.15);
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  right: -100%;
  margin-right: 10px;
  border-radius: 0 6px 6px 6px;
}

pre {
  white-space: pre-wrap;
}

.progress .bar {
  float: right;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  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;
}

ul,
ol {
  padding: 0;
  margin: 0 2.5em 10px 0;
}

label {
  font-weight: normal;
}

select + input[type='submit'] {
  margin: inherit !important;
}

/* some very targetted corrections to roll back nameclashes between
 * Moodle and Bootstrap like .row, .label, .content, .controls
 *
 * Mostly relies on these styles being more specific than the Bootstrap
 * ones in order to overule them.
 */

li.activity.label,
.file-picker td.label {
  background: inherit;
  color: inherit;
  border: inherit;
  text-shadow: none;
  padding: 8px;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
}

.file-picker td.label {
  display: table-cell;
  text-align: left;
}

.choosercontainer #chooseform .option label {
  font-size: 12px;
}

/* block.invisible vs .invisible
 * block.hidden vs .invisible
 *
 * uses .invisible where the rest of Moodle uses .dimmed
 * fixible in block renderer?
 *
 * There's seems to be even more naming confusion here since,
 * blocks can be actually 'visible' (or not) to students,
 * marked 'visible' but really just dimmed to indicate to editors
 * that students can't see them or  'visible' to the user who
 * collapses them, 'visible' if you have the right role and in
 * different circumstances different sections of a block can
 * be 'visible' or not.
 *
 * currently worked around in renderers.php function block{}
 * by rewriting the class name "invisible" to "dimmed",
 * though the blocks don't look particularly different apart
 * from their contents disappearing. Maybe try .muted? or
 * dimming all the edit icons apart from unhide, might be a
 * nice effect, though they'd still be active. Maybe reverse
 * it to white?
 */

li.section.hidden,
.block.hidden,
.block.invisible {
  visibility: visible !important;
  display: block !important;
}

/* .row vs .row
 *
 * very tricky to track down this when it goes wrong,
 * since the styles are applied to generated content
 *
 * basically if you see things shifted left or right compared
 * with where they should be check for a .row
 */

#turnitintool_style .row,
.forumpost .row {
  margin-right: 0 !important;
}

#turnitintool_style .row:before,
#turnitintool_style .row:after,
.forumpost .row:before,
.forumpost .row:after {
  content: none;
}

/* fieldset.hidden vs .hidden
 *
 * Moodle uses fieldset.hidden for mforms, to signify a collection of
 * form elements that don't have a box drawn round them. Bootstrap
 * uses hidden for stuff that is hidden in various responsive modes.
 *
 * Relatedly, there is also fieldset.invisiblefieldset which hides the
 * border and sets the display to inline.
 *
 * Originally this just set block and visible, but it is used
 * in random question dialogue in Quiz,
 * that dialogue is hidden and shown, so when hidden the
 * above workaround leaves you with a button floating around
 */

fieldset.hidden {
  display: inherit !important;
  visibility: inherit !important;
}

/* .controls vs .controls
 *
 * in expanding course list, can be fixed in renderer though
 */

/* .container vs .container
 *
 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
 * it becomes near unuseable.
 */

#questionbank + .container {
  width: auto;
}

img.hide {
  display: inherit;
}

img.icon.hide {
  display: inline-block !important;
}

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

.atto_image_size input[type="text"] {
  width: auto;
}

.pagelayout-admin .show {
  display: inline !important;
}

.pagelayout-admin .modal.show {
  display: block !important;
}

.gradingform_rubric {
  max-width: none !important;
}

/** core.less */

/** Page layout CSS starts **/

.layout-option-noheader #page-header,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
  display: none;
}

.dir-ltr.editing.used-region-side-post.used-region-side-pre #region-main {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #region-main {
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #region-main {
    right: 16.66666667%;
  }
}

.dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 100px;
}

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    float: right;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    float: right;
    width: 16.66666667%;
  }
}

.dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 100px;
}

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    float: right;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    float: right;
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    left: 50%;
  }
}

@media (min-width: 1200px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    left: 66.66666667%;
  }
}

.dir-rtl.editing.used-region-side-post.used-region-side-pre #region-main {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #region-main {
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #region-main {
    right: 16.66666667%;
  }
}

.dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 100px;
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    float: right;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    float: right;
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-pre {
    right: 16.66666667%;
  }
}

.dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 100px;
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    float: right;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    float: right;
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    left: 75%;
  }
}

@media (min-width: 1200px) {
  .dir-rtl.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    left: 83.33333333%;
  }
}

.has_dock.empty-region-side-pre #region-main,
.has_dock.empty-region-side-post #region-main {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .has_dock.empty-region-side-pre #region-main,
  .has_dock.empty-region-side-post #region-main {
    float: right;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .has_dock.empty-region-side-pre #region-main,
  .has_dock.empty-region-side-post #region-main {
    float: right;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .has_dock.empty-region-side-pre #region-main,
  .has_dock.empty-region-side-post #region-main {
    right: 0%;
  }
}

@media (min-width: 1200px) {
  .has_dock.empty-region-side-pre #region-main,
  .has_dock.empty-region-side-post #region-main {
    right: 0%;
  }
}

.has_dock.empty-region-side-pre.used-region-side-post #region-main,
.has_dock.empty-region-side-post.used-region-side-pre #region-main {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .has_dock.empty-region-side-pre.used-region-side-post #region-main,
  .has_dock.empty-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .has_dock.empty-region-side-pre.used-region-side-post #region-main,
  .has_dock.empty-region-side-post.used-region-side-pre #region-main {
    float: right;
    width: 83.33333333%;
  }
}

.has_dock.empty-region-side-pre #block-region-side-pre {
  display: none;
}

.has_dock.empty-region-side-post #block-region-side-post {
  display: none;
}

@media (min-width: 768px) {
  .has_dock.dir-ltr.empty-region-side-pre.used-region-side-post #region-main {
    right: 0%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-ltr.empty-region-side-pre.used-region-side-post #region-main {
    right: 0%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-ltr.empty-region-side-post.used-region-side-pre #region-main {
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-ltr.empty-region-side-post.used-region-side-pre #region-main {
    right: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-ltr.empty-region-side-post.used-region-side-pre #block-region-side-pre {
    left: 75%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-ltr.empty-region-side-post.used-region-side-pre #block-region-side-pre {
    left: 83.33333333%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-rtl.empty-region-side-pre.used-region-side-post #region-main {
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-rtl.empty-region-side-pre.used-region-side-post #region-main {
    right: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-rtl.empty-region-side-post.used-region-side-pre #region-main {
    right: 0%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-rtl.empty-region-side-post.used-region-side-pre #region-main {
    right: 0%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-rtl.empty-region-side-post.used-region-side-pre #block-region-side-pre {
    right: 0%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-rtl.empty-region-side-post.used-region-side-pre #block-region-side-pre {
    right: 0%;
  }
}

@media (min-width: 768px) {
  .has_dock.dir-rtl.empty-region-side-pre.used-region-side-post #block-region-side-post {
    left: 75%;
  }
}

@media (min-width: 1200px) {
  .has_dock.dir-rtl.empty-region-side-pre.used-region-side-post #block-region-side-post {
    left: 83.33333333%;
  }
}

/** Page layout CSS ends **/

.mdl-left {
  text-align: right;
}

.mdl-right {
  text-align: left;
}

#add,
#remove,
.centerpara,
.mdl-align {
  text-align: center;
}

a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
  color: #777777;
}

a.disabled:hover,
a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: #777777;
}

.activity.label .dimmed_text {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li {
  margin: 0;
  padding: 0;
}

.inline,
.inline-list li {
  display: inline;
}

.notifytiny {
  font-size: 12px;
}

.notifytiny li,
.notifytiny td {
  font-size: 100%;
}

.red,
.notifyproblem {
  color: #a94442;
}

.green,
.notifysuccess {
  color: #3c763d;
}

.highlight {
  background: #d9edf7;
}

.reportlink {
  text-align: left;
}

a.autolink.glossary:hover {
  cursor: help;
}

/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */

.collapsibleregioncaption {
  white-space: nowrap;
}

.collapsibleregioncaption img {
  vertical-align: middle;
}

.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer;
}

.jsenabled .hiddenifjs {
  display: none;
}

.jsenabled .visibleifjs {
  display: inline;
}

.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}

.jsenabled .collapsible-actions {
  display: block;
}

.visibleifjs {
  display: none;
}

.collapsible-actions {
  display: none;
}

.collapsible-actions {
  text-align: left;
}

.collapsible-actions .collapseexpand {
  padding-right: 20px;
  background-image: url([[pix:t/collapsed_rtl]]);
  background-position: right;
  background-repeat: no-repeat;
}

.collapsible-actions .collapse-all {
  background-image: url([[pix:t/expanded]]);
}

.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000;
  right: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}

.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}

.bold,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
  font-weight: bold;
}

img.resize {
  height: 1em;
  width: 1em;
}

.block img.resize,
.breadcrumb img.resize {
  height: 0.9em;
  width: 0.8em;
}

/* Icon styles */

img.icon {
  height: 16px;
  vertical-align: text-bottom;
  width: 16px;
  margin-left: 6px;
}

img.iconsmall {
  height: 12px;
  margin-left: 3px;
  vertical-align: middle;
  width: 12px;
}

img.iconsmall.iconsize-big {
  width: 64px;
  height: 64px;
}

img.iconhelp,
.helplink img {
  height: 16px;
  margin-right: 3px;
  width: 16px;
}

h1 img.iconhelp,
h1 img.icon,
h2 img.iconhelp,
h2 img.icon,
h3 img.iconhelp,
h3 img.icon,
h4 img.iconhelp,
h4 img.icon,
h5 img.iconhelp,
h5 img.icon,
h6 img.iconhelp,
h6 img.icon {
  vertical-align: middle;
  margin: 4px;
}

img.iconlarge {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

img.iconsort {
  vertical-align: text-bottom;
  padding-right: .3em;
  margin-bottom: .15em;
}

img.icontoggle {
  height: 17px;
  vertical-align: middle;
  width: 50px;
}

img.iconkbhelp {
  height: 17px;
  width: 49px;
}

img.icon-pre {
  padding-left: 3px;
  padding-right: 0;
}

img.icon-post {
  padding-right: 3px;
  padding-left: 0;
}

.boxaligncenter {
  margin-right: auto;
  margin-left: auto;
}

.boxalignright {
  margin-right: auto;
  margin-left: 0;
}

.boxalignleft {
  margin-right: 0;
  margin-left: auto;
}

.boxwidthnarrow {
  width: 30%;
}

.boxwidthnormal {
  width: 50%;
}

.boxwidthwide {
  width: 100%;
}

.headermain {
  font-weight: bold;
}

#maincontent {
  display: block;
  overflow: hidden;
}

img.uihint {
  cursor: help;
}

#addmembersform table {
  margin-right: auto;
  margin-left: auto;
}

table.flexible .emptyrow {
  display: none;
}

img.emoticon {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}

form.popupform,
form.popupform div {
  display: inline;
}

.arrow_button input {
  overflow: hidden;
}

.action-icon img.smallicon {
  vertical-align: text-bottom;
  margin: 0 0.3em;
}

.smallicon {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}

.no-overflow {
  overflow: auto;
  padding-bottom: 1px;
}

.no-overflow > .generaltable {
  margin-bottom: 0;
}

/** Accessibility features **/

span.hide,
div.hide {
  display: none;
}

a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
  position: static;
  display: block;
}

.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}

/** Blogs **/

.addbloglink {
  text-align: center;
}

.blog_entry .audience {
  text-align: left;
  padding-left: 4px;
}

.blog_entry .tags {
  margin-top: 15px;
}

.blog_entry .tags .action-icon img.smallicon {
  height: 16px;
  width: 16px;
}

.blog_entry .content {
  margin-right: 43px;
}

/** Group **/

#page-group-index #groupeditform {
  text-align: center;
}

#doc-contents h1 {
  margin: 1em 0 0 0;
}

#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}

#doc-contents ul li {
  list-style-type: none;
}

.groupmanagementtable td {
  vertical-align: top;
}

.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
  width: 42%;
}

.groupmanagementtable #buttonscell {
  width: 16%;
}

.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
}

.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
  width: 100%;
}

.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}

#group-usersummary {
  width: 14em;
}

.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}

.groupselector label {
  display: inline-block;
}

/** Notes **/

.notepost {
  margin-bottom: 1em;
}

.notepost .userpicture {
  float: right;
  margin-left: 5px;
}

.notepost .content,
.notepost .footer {
  clear: both;
}

.notesgroup {
  margin-right: 20px;
}

/** My Moodle **/

.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}

.path-my .coursebox .info {
  float: none;
  margin: 0;
}

/** Modules **/

.mod_introbox {
  padding: 10px;
}

table.mod_index {
  width: 100%;
}

/** Comments **/

.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}

.comment-ctrl h5 {
  margin: 0;
  padding: 5px;
}

.comment-area {
  max-width: 400px;
  padding: 5px;
}

.comment-area textarea {
  width: 100%;
  overflow: auto;
}

.comment-area .fd {
  text-align: left;
}

.comment-meta span {
  color: gray;
}

.comment-link img {
  vertical-align: text-bottom;
}

.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment-list li {
  margin: 2px;
  list-style: none;
  margin-bottom: 5px;
  clear: both;
  padding: .3em;
  position: relative;
}

.comment-list li.first {
  display: none;
}

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

.comment-paging .pageno {
  padding: 2px;
}

.comment-paging .curpage {
  border: 1px solid #ccc;
}

.comment-message .picture {
  width: 20px;
  float: right;
}

.comment-message .text {
  margin: 0;
  padding: 0;
}

.comment-message .text p {
  padding: 0;
  margin: 0 0 0 18px;
}

.comment-delete {
  position: absolute;
  top: 0;
  left: 0;
  margin: .3em;
}

.comment-delete-confirm {
  background: #eee;
  padding: 2px;
  width: 5em;
  text-align: center;
}

.comment-container {
  float: right;
  margin: 4px;
}

.comment-report-selectall {
  display: none;
}

.comment-link {
  display: none;
}

.jsenabled .comment-link {
  display: block;
}

.jsenabled .showcommentsnonjs {
  display: none;
}

.jsenabled .comment-report-selectall {
  display: inline;
}

/**
* Completion progress report
*/

.completion-expired {
  background: #f2dede;
}

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

.completion-sortchoice,
.completion-identifyfield {
  font-size: 12px;
  vertical-align: bottom;
}

.completion-progresscell {
  text-align: left;
}

.completion-expired .completion-expected {
  font-weight: bold;
}

/**
* Web Service
*/

#webservice-doc-generator td {
  text-align: right;
  border: 0 solid black;
}

.corelightbox {
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.corelightbox img {
  position: fixed;
  top: 50%;
  right: 50%;
}

.mod-indent-outer {
  display: table;
}

.mod-indent {
  display: table-cell;
}

.mod-indent-1 {
  width: 30px;
}

.mod-indent-2 {
  width: 60px;
}

.mod-indent-3 {
  width: 90px;
}

.mod-indent-4 {
  width: 120px;
}

.mod-indent-5 {
  width: 150px;
}

.mod-indent-6 {
  width: 180px;
}

.mod-indent-7 {
  width: 210px;
}

.mod-indent-8 {
  width: 240px;
}

.mod-indent-9 {
  width: 270px;
}

.mod-indent-10 {
  width: 300px;
}

.mod-indent-11 {
  width: 330px;
}

.mod-indent-12 {
  width: 360px;
}

.mod-indent-13 {
  width: 390px;
}

.mod-indent-14 {
  width: 420px;
}

.mod-indent-15,
.mod-indent-huge {
  width: 420px;
}

/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */

.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}

.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}

/** Large resource images should avoid hidden overflow **/

.resourceimage {
  max-width: 100%;
}

/* Audio player size in 'inline' mode (can only change width, as above) */

.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}

audio.mediaplugin_html5audio {
  width: 300px;
}

/* TinyMCE moodle media preview frame should not have padding */

.core_media_preview.pagelayout-embedded #content {
  padding: 0;
}

.core_media_preview.pagelayout-embedded #maincontent {
  height: 0;
}

body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: none;
}

.mceEditor.moodleSkin .mceToolbar a span.mceIcon {
  padding: 7px;
}

.mceEditor.moodleSkin .mceToolbar a span.mceIcon img {
  padding: 0px;
}

.initialbar {
  overflow: auto;
}

.initialbar .initialbarlabel {
  display: inline-block;
  width: 6em;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.initialbar .initialbarall {
  float: right;
  width: 4em;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.initialbar .initialbargroups {
  float: right;
}

.initialbar .initialbargroup {
  float: right;
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.initialbar .initialbargroup li {
  float: right;
  list-style: none;
}

.initialbar .letter {
  display: inline-block;
  height: 1.35em;
  min-width: 1.35em;
  text-align: center;
  color: #337ab7;
  background: #ffffff;
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
}

.initialbar .letter:hover,
.initialbar .letter.active {
  color: white;
  background-color: #337ab7;
}

/* Moodle Dialogue Settings (moodle-core-dialogue)  */

.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #aaa;
}

.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}

.no-scrolling {
  overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: -50px;
  position: fixed;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
  width: 28px;
  height: 16px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.moodle-dialogue-base .moodle-dialogue {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  z-index: 600;
  outline: #000 dotted 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
  margin-top: -3px;
  margin-right: -3px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-box-shadow: -5px 5px 20px 0 #666;
  box-shadow: -5px 5px 20px 0 #666;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  margin: 0;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #333;
  text-align: center;
  text-shadow: 1px 1px 1px #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #bbb;
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
  background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  -webkit-filter: 0;
  filter: 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 100%;
  font-weight: bold;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  padding: 5px;
}

.moodle-dialogue-base .closebutton {
  width: 25px;
  height: 15px;
  float: left;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  background-image: url([[pix:theme|sprite]]);
  background-repeat: no-repeat;
  border-style: none;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 1em;
  line-height: 2em;
  color: #555;
  font-size: 12px;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
  padding: 0;
  background: #fff;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
  padding: 10px;
  font-size: 16px;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 50px;
  right: 0px;
  left: 0px;
  margin: 0px;
  border: 0px;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
  border-radius: 0;
}

.moodle-dialogue-confirm .confirmation-dialogue {
  text-align: center;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
  text-align: center;
}

.moodle-dialogue-exception .moodle-exception-message {
  text-align: center;
}

.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: bold;
}

.moodle-dialogue-exception .param-stacktrace label {
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom-width: 0;
}

.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #ccc;
  background-color: #fff;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: 12px;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #a94442;
  font-size: 12px;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #eee;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
  padding: 0;
  margin: 0.7em 1em;
  text-align: left;
  background-color: #fff;
  font-size: 12px;
}

.moodle-dialogue-confirm .confirmation-message {
  margin: 0.5em 1em;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}

.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em;
}

.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}

.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}

.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-right: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: white;
  text-align: center;
  padding: 10% 0;
}

/* Apply a default max-height on tooltip text */

.moodle-dialogue .tooltiptext {
  max-height: 300px;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}

.modal.show {
  display: block;
}

/**
* Chooser Dialogues (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/

/* Hide the dialog and it's title */

.chooserdialoguebody,
.choosertitle {
  display: none;
}

.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}

.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #f2f2f2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Center the submit buttons within the area */

.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: center;
}

.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}

/* Various settings for the options area */

.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #bbb;
}

/* Only set these options if we're showing the js container */

.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 20.3em;
  -webkit-box-shadow: inset 0 0 30px 0 #cccccc;
  box-shadow: inset 0 0 30px 0 #cccccc;
}

.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block;
}

.jschooser .choosercontainer #chooseform .alloptions .option .modicon {
  display: inline-block;
}

.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 65%;
}

/* Settings for option rows and option subtypes */

.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}

.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
}

.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption .typename,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
  padding: 0 0.5em 0 0;
}

.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
  height: 24px;
  width: 24px;
}

.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename,
.choosercontainer #chooseform .option span.modicon {
  vertical-align: middle;
}

.choosercontainer #chooseform .option label {
  display: block;
  padding: 0.3em 0 0.1em 0;
  border-bottom: 1px solid #fff;
}

.choosercontainer #chooseform .nonoption {
  padding-right: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}

.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 3.2em 0 1.6em;
}

.choosercontainer #chooseform .subtype .typename {
  margin: 0 0.2em 0 0;
}

/* The instruction/help area */

.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20.3em;
  margin: 0;
  padding: 1.6em;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em;
}

/* Selected option settings */

.jschooser .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
  display: block;
}

.choosercontainer #chooseform .selected {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0 10px 0 #ccc;
  box-shadow: 0px 0 10px 0 #ccc;
}

.section-modchooser-link img.smallicon {
  padding: 3px;
}

/* Form element: listing */

.formlistingradio {
  padding-bottom: 25px;
  padding-left: 10px;
}

.formlistinginputradio {
  float: right;
}

.formlistingmain {
  min-height: 225px;
}

.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: whiteSmoke;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 0 4px 0 4px;
}

.formlistingall {
  margin: 15px 0;
  padding: 0;
  border-radius: 4px;
}

.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-right: 1px solid #e1e1e8;
  border-left: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  right: 50%;
  min-height: 34px;
  float: right;
  width: 150px;
}

body.jsenabled .formlistingradio {
  display: none;
}

body.jsenabled .formlisting {
  display: block;
}

.breadcrumb-nav {
  float: right;
  margin-bottom: 10px;
}

.breadcrumb-button .singlebutton div {
  margin-left: 0;
}

.breadcrumb-nav .breadcrumb {
  margin: 0;
}

/** Action menu component styles **/

.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
  display: inline-block;
}

.moodle-actionmenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 30px;
}

.moodle-actionmenu .toggle-display,
.moodle-actionmenu .menu-action-text {
  display: none;
  /** Hidden by default, display none so that we don't take up space. **/
}

.jsenabled .moodle-actionmenu[data-enhance] {
  display: block;
}

.jsenabled .moodle-actionmenu[data-enhance] .menu {
  display: none;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
  display: inline;
  /** JS is enabled, we'll be using it so return display to normal **/
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
  margin: 4px 0px 4px 4px;
  padding: 8px 2px 0px 4px;
  vertical-align: text-bottom;
}

.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
  display: inline;
  white-space: normal;
}

.moodle-actionmenu[data-enhanced].show {
  position: relative;
}

.moodle-actionmenu[data-enhanced].show .menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  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);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  text-align: right;
  /** bottom left of button **/
  /** bottom right of button **/
  /** top left of button **/
  /** top right of button **/
}

.moodle-actionmenu[data-enhanced].show .menu.pull-right {
  left: 0;
  right: auto;
}

.moodle-actionmenu[data-enhanced].show .menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.moodle-actionmenu[data-enhanced].show .menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.moodle-actionmenu[data-enhanced].show .menu .userpicture {
  margin-right: -10px;
  margin-left: 7px;
}

.moodle-actionmenu[data-enhanced].show .menu .msg-body {
  display: inline-block;
  line-height: 20px;
  max-width: 175px;
  vertical-align: middle;
}

.moodle-actionmenu[data-enhanced].show .menu .msg-title {
  display: inline-block;
  line-height: 14px;
}

.moodle-actionmenu[data-enhanced].show .menu .msg-sender {
  color: #478fca;
}

.moodle-actionmenu[data-enhanced].show .menu .msg-time {
  color: #777;
  display: block;
  font-size: 11px;
}

.moodle-actionmenu[data-enhanced].show .menu [title="new"] {
  background-color: #e9f7fb;
}

.moodle-actionmenu[data-enhanced].show .menu .glyphicon {
  margin-left: 5px;
}

.moodle-actionmenu[data-enhanced].show .menu a {
  display: block;
  white-space: nowrap;
  color: #333333;
  padding: 3px 20px;
  line-height: 1.42857143;
}

.moodle-actionmenu[data-enhanced].show .menu a:hover {
  color: #ffffff;
  background-color: #337ab7;
  text-decoration: none;
}

.moodle-actionmenu[data-enhanced].show .menu a.hidden {
  display: none;
}

.moodle-actionmenu[data-enhanced].show .menu img {
  vertical-align: middle;
}

.moodle-actionmenu[data-enhanced].show .menu .iconsmall,
.moodle-actionmenu[data-enhanced].show .menu .smallicon {
  margin: 4px -10px 4px 4px;
}

.moodle-actionmenu[data-enhanced].show .menu .smallicon {
  padding: 4px;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.moodle-actionmenu[data-enhanced].show .menu > li {
  display: block;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
  top: 100%;
  right: 0;
  margin-top: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
  top: 100%;
  left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
  bottom: 100%;
  right: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
  bottom: 100%;
  left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
  top: 100%;
  right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
  top: 100%;
  left: 0;
  right: inherit;
  margin-top: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
  bottom: 100%;
  right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-br {
  bottom: 100%;
  left: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
  top: 0;
  right: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
  top: 0;
  left: 100%;
  margin-left: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
  bottom: 100%;
  right: 0;
  margin-bottom: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
  bottom: 100%;
  left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
  top: 0;
  right: 100%;
  margin-right: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
  top: 0;
  left: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
  bottom: 100%;
  right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
  bottom: 100%;
  left: 0;
  margin-bottom: 4px;
}

.block .moodle-actionmenu {
  text-align: left;
}

ul.dragdrop-keyboard-drag li {
  list-style-type: none;
}

.block-control-actions .moodle-core-dragdrop-draghandle img {
  width: 12px;
  height: 12px;
}

.progressbar_container {
  max-width: 500px;
  margin: 0 auto;
}

.hover-tooltip-container {
  position: relative;
}

.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /*rtl:ignore*/
  right: 50%;
  top: -webkit-calc(-50% - 5px);
  top: calc(-50% - 5px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  -o-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  z-index: 1000;
}

.hover-tooltip-container .hover-tooltip:before {
  content: '';
  display: inline-block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -8px;
  right: -webkit-calc(50% - 8px);
  right: calc(50% - 8px);
}

.hover-tooltip-container .hover-tooltip:after {
  content: '';
  display: inline-block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  bottom: -6px;
  right: -webkit-calc(50% - 7px);
  right: calc(50% - 7px);
  z-index: 2;
}

.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
  -o-transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
  transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}

/* admin.less  */

.formtable tbody th {
  font-weight: normal;
  text-align: left;
}

.path-admin #assignrole {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.path-admin .admintable .leftalign {
  text-align: right;
}

.environmenttable .warn {
  background-color: #fcf8e3;
  color: #8a6d3b;
}

.environmenttable .error {
  background-color: #f2dede;
  color: #a94442;
}

.environmenttable .ok {
  background-color: #dff0d8;
  color: #3c763d;
}

.path-admin .admintable.environmenttable .name,
.path-admin .admintable.environmenttable .info,
.path-admin #assignrole .admintable .role,
.path-admin #assignrole .admintable .userrole,
.path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}

.path-admin .incompatibleblockstable td.c0 {
  font-weight: bold;
}

#page-admin-course-category .addcategory {
  padding: 10px;
}

#page-admin-course-index .editcourse {
  margin: 20px auto;
}

#page-admin-course-index .editcourse th,
#page-admin-course-index .editcourse td {
  padding-right: 10px;
  padding-left: 10px;
}

.timewarninghidden {
  display: none;
}

#page-admin-report-capability-index #capabilitysearch {
  width: 30em;
}

#page-admin-report-backups-index .backup-error,
#page-admin-report-backups-index .backup-unfinished {
  color: #a94442;
}

#page-admin-report-backups-index .backup-skipped,
#page-admin-report-backups-index .backup-ok,
#page-admin-report-backups-index .backup-notyetrun {
  color: #3c763d;
}

#page-admin-report-backups-index .backup-warning {
  color: #8a6d3b;
}

#page-admin-qtypes .disabled,
#page-admin-qbehaviours .disabled {
  color: #777777;
}

#page-admin-qtypes #qtypes div,
#page-admin-qtypes #qtypes form,
#page-admin-qbehaviours #qbehaviours div,
#page-admin-qbehaviours #qbehaviours form {
  display: inline;
}

#page-admin-qtypes #qtypes img.spacer,
#page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px;
}

img.iconsmall {
  margin: 0.3em;
}

#page-admin-qbehaviours .cell.c3,
#page-admin-qtypes .cell.c3 {
  font-size: 12px;
}

#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .buttons,
#page-course-index-category .buttons,
#page-admin-course-category .addcategory,
#page-admin-stickyblocks .generalbox,
#page-admin-maintenance .buttons,
#page-admin-course-index .buttons,
#page-admin-course-category .buttons,
#page-admin-index .copyright,
#page-admin-index .copyrightnotice,
#page-admin-index .adminerror .singlebutton,
#page-admin-index .adminwarning .singlebutton,
#page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em !important;
}

.path-admin-roles .capabilitysearchui {
  text-align: right;
  margin-right: auto;
  margin-left: auto;
}

#page-admin-tool-spamcleaner-index .spamcleanerform input[type="submit"] {
  margin-bottom: 0;
}

.path-admin-roles .capabilitysearchui input[type="button"] {
  margin-bottom: 0;
}

#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}

#page-admin-roles-define .capdefault {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
}

#page-filter-manage .backlink,
.path-admin-roles .backlink {
  margin-top: 1em;
}

#page-admin-roles-explain #chooseuser h3,
#page-admin-roles-usersroles .contextname {
  margin-top: 0;
}

#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center;
}

#page-admin-roles-usersroles p {
  margin: 0;
}

#page-admin-roles-override .cell.c1,
#page-admin-roles-assign .cell.c3,
#page-admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}

#page-admin-roles-override .overridenotice,
#page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: right;
}

.modal.modal-in-page {
  position: static;
  z-index: 0;
  margin: 0 auto 0 auto;
}

#page-admin-index #notice {
  width: 60%;
  min-width: 220px;
  margin: auto;
}

#page-admin-index #notice .buttons {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

#page-admin-index .releasenoteslink,
#page-admin-index .adminwarning,
#page-admin-index .adminerror {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 60%;
  min-width: 220px;
  margin: auto;
}

#page-admin-index .releasenoteslink h4,
#page-admin-index .adminwarning h4,
#page-admin-index .adminerror h4 {
  margin-top: 0;
  color: inherit;
}

#page-admin-index .releasenoteslink .alert-link,
#page-admin-index .adminwarning .alert-link,
#page-admin-index .adminerror .alert-link {
  font-weight: bold;
}

#page-admin-index .releasenoteslink > p,
#page-admin-index .adminwarning > p,
#page-admin-index .adminerror > p,
#page-admin-index .releasenoteslink > ul,
#page-admin-index .adminwarning > ul,
#page-admin-index .adminerror > ul {
  margin-bottom: 0;
}

#page-admin-index .releasenoteslink > p + p,
#page-admin-index .adminwarning > p + p,
#page-admin-index .adminerror > p + p {
  margin-top: 5px;
}

#page-admin-index .maturitywarning,
#page-admin-index .testsitewarning,
#page-admin-index .adminwarning.maturityinfo.maturity50 {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

#page-admin-index .maturitywarning hr,
#page-admin-index .testsitewarning hr,
#page-admin-index .adminwarning.maturityinfo.maturity50 hr {
  border-top-color: #e4b9c0;
}

#page-admin-index .maturitywarning .alert-link,
#page-admin-index .testsitewarning .alert-link,
#page-admin-index .adminwarning.maturityinfo.maturity50 .alert-link {
  color: #843534;
}

#page-admin-index .adminwarning.availableupdatesinfo,
#page-admin-index .releasenoteslink {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

#page-admin-index .adminwarning.availableupdatesinfo hr,
#page-admin-index .releasenoteslink hr {
  border-top-color: #a6e1ec;
}

#page-admin-index .adminwarning.availableupdatesinfo .alert-link,
#page-admin-index .releasenoteslink .alert-link {
  color: #245269;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block;
}

#page-admin-index .updateplugin div,
#page-admin-plugins .updateplugin div {
  margin-bottom: 0.5em;
}

#page-admin-index .updateplugin .updatepluginconfirmexternal,
#page-admin-plugins .updateplugin .updatepluginconfirmexternal {
  padding: 1em;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}

#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap;
}

#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid;
}

.path-admin .roleassigntable {
  width: 100%;
}

.path-admin .roleassigntable input[type="text"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 0.3em;
}

.path-admin .roleassigntable input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.path-admin .roleassigntable input[type="text"]::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.path-admin .roleassigntable input[type="text"]:-ms-input-placeholder {
  color: #999999;
}

.path-admin .roleassigntable input[type="text"]::-webkit-input-placeholder {
  color: #999999;
}

.path-admin .roleassigntable input[type="text"]::-ms-expand {
  border: 0;
  background-color: transparent;
}

.path-admin .roleassigntable input[type="text"][disabled],
.path-admin .roleassigntable input[type="text"][readonly],
fieldset[disabled] .path-admin .roleassigntable input[type="text"] {
  background-color: #eeeeee;
  opacity: 1;
}

.path-admin .roleassigntable input[type="text"][disabled],
fieldset[disabled] .path-admin .roleassigntable input[type="text"] {
  cursor: not-allowed;
}

textarea.path-admin .roleassigntable input[type="text"] {
  height: auto;
}

.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 0.2em 0.3em;
}

.path-admin .roleassigntable p {
  text-align: right;
  margin: 0.2em 0;
}

.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
  width: 42%;
}

.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: bold;
}

.path-admin .roleassigntable #buttonscell {
  width: 16%;
}

.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 12px;
}

.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}

.path-admin table.rolecap tr.rolecap th {
  text-align: right;
  font-weight: normal;
}

.path-admin .rolecap .hiddenrow {
  display: none;
}

.path-admin #defineroletable .rolecap .inherit,
.path-admin #defineroletable .rolecap .allow,
.path-admin #defineroletable .rolecap .prevent,
.path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}

.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
  display: block;
  font-size: 12px;
  white-space: nowrap;
  font-weight: normal;
}

.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}

.plugincheckwrapper {
  width: 100%;
}

.environmentbox {
  margin-top: 1em;
}

#mnetconfig table {
  margin-right: auto;
  margin-left: auto;
}

.environmenttable .cell {
  padding: .15em .5em;
}

.environmenttable img.iconhelp {
  padding-left: .3em;
}

#trustedhosts .generaltable {
  margin-right: auto;
  margin-left: auto;
  width: 500px;
}

#trustedhosts .standard {
  width: auto;
}

#adminsettings legend {
  display: none;
}

#adminsettings fieldset.error {
  margin: .2em 0 .5em 0;
}

#adminsettings fieldset.error legend {
  display: block;
}

/*rtl:ignore*/

#admin-spelllanguagelist textarea,
#page-admin-setting-editorsettingstinymce .form-textarea textarea {
  text-align: right;
  direction: rtl;
}

/* Styles for flags on admin settings */

.adminsettingsflags {
  float: left;
}

.adminsettingsflags label {
  margin-left: 7px;
}

.form-description {
  clear: left;
}

.form-description pre,
.formsettingheading pre {
  /* Code examples should be left aligned. */
  /*rtl:ignore*/
  direction: rtl;
}

.form-item .form-setting .form-htmlarea {
  display: inline;
}

.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}

.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}

.form-item .form-setting .defaultsnext {
  margin-left: 0.5em;
  display: inline;
}

.form-item .form-setting .locked-checkbox {
  margin-left: 0.2em;
  margin-right: 0.5em;
  display: inline;
}

.form-item .form-setting .form-password .unmask,
.form-item .form-setting .form-defaultinfo {
  display: inline-block;
}

.form-item .pathok,
.form-item .patherror {
  margin-right: 0.5em;
}

#admin-emoticons td input {
  width: 8em;
}

#admin-emoticons td.c0 input {
  width: 4em;
}

#adminthemeselector .selectedtheme td.c0 {
  border: 1px solid #000;
  border-left-width: 0;
}

#adminthemeselector .selectedtheme td.c1 {
  border: 1px solid #000;
  border-right-width: 0;
}

.admin_colourpicker,
.admin_colourpicker_preview {
  display: none;
}

.jsenabled .admin_colourpicker_preview {
  display: inline;
}

.jsenabled .admin_colourpicker {
  display: block;
  height: 102px;
  width: 410px;
  margin-bottom: 10px;
}

.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-right: auto;
}

.admin_colourpicker .colourdialogue {
  float: right;
  border: 1px solid #000;
}

.admin_colourpicker .previewcolour {
  border: 1px solid #000;
  margin-right: 301px;
}

.admin_colourpicker .currentcolour {
  border: 1px solid #000;
  margin-right: 301px;
  border-top-width: 0;
}

#page-admin-index #notice .checkforupdates {
  text-align: center;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
  background-color: #d9edf7;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
  background-color: #fcf8e3;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
  background-color: #f2dede;
}

#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin-left: 1em;
}

#page-admin-plugins .checkforupdates {
  margin: 10px 0;
}

#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}

#page-admin-plugins .checkforupdates .singlebutton div,
#page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 0 0 3px;
}

#page-admin-plugins .updateavailableinstallall {
  margin: 5px 0;
  padding: 0;
}

#page-admin-plugins .updateavailableinstallall div,
#page-admin-plugins .updateavailableinstallall input {
  margin: 0 0 5px 3px;
}

#page-admin-plugins #plugins-control-panel .status-missing td {
  background-color: #f2dede;
}

#page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
  padding-top: 0;
  padding-bottom: 0;
}

#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  font-size: 12px;
  color: #777777;
  margin-right: 22px;
}

#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: 12px;
  color: #777777;
}

#page-admin-plugins #plugins-control-panel .uninstall a {
  color: #a94442;
}

#page-admin-plugins #plugins-control-panel .notes .label {
  margin-left: 3px;
}

#page-admin-plugins #plugins-control-panel .notes .requiredby {
  font-size: 12px;
  color: #777777;
}

#plugins-check-page .page-description {
  color: #777777;
}

#plugins-check-page .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page .checkforupdates .singlebutton div,
#plugins-check-page .checkforupdates .singlebutton input {
  margin: 0 0 0 3px;
}

#plugins-check-page #plugins-check-info .actions > div {
  display: inline-block;
  margin-left: 1em;
}

#plugins-check-page #plugins-check-info .actions .singlebutton {
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page #plugins-check-info .actions .singlebutton div,
#plugins-check-page #plugins-check-info .actions .singlebutton input {
  margin: 0 0 0 3px;
}

#plugins-check-page #plugins-check .requires-ok {
  color: #777777;
}

#plugins-check-page #plugins-check .status-missing td,
#plugins-check-page #plugins-check .status-downgrade td {
  background-color: #f2dede;
}

#plugins-check-page #plugins-check .displayname .pluginicon {
  margin-left: 5px;
  width: 16px;
}

#plugins-check-page #plugins-check .displayname .plugindir {
  color: #777777;
  font-size: 12px;
}

#plugins-check-page #plugins-check .requires ul {
  margin-right: 13px;
}

#plugins-check-page #plugins-check .status .actionbutton {
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page #plugins-check .status .actionbutton input {
  margin: 0;
}

#plugins-check-page .plugins-check-dependencies-actions > div {
  display: inline-block;
  margin-left: 1em;
}

#plugins-check-page .plugins-check-dependencies-actions .singlebutton {
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
#plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
  margin: 0 0 0 3px;
}

#plugins-check-page #plugins-check-available-dependencies .displayname .component {
  font-size: 12px;
  color: #777777;
}

#plugins-check-page #plugins-check-available-dependencies .info .actions > div {
  display: inline-block;
  margin-left: 1em;
}

#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
  display: block;
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
  margin: 0;
}

#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
  background-color: #d9edf7;
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
}

#plugins-check-page .pluginupdateinfo.maturity50,
#plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: #f2dede;
}

#plugins-check-page .pluginupdateinfo.maturity100,
#plugins-control-panel .pluginupdateinfo.maturity100,
#plugins-check-page .pluginupdateinfo.maturity150,
#plugins-control-panel .pluginupdateinfo.maturity150 {
  background-color: #fcf8e3;
}

#plugins-check-page .pluginupdateinfo .info,
#plugins-control-panel .pluginupdateinfo .info {
  display: inline-block;
}

#plugins-check-page .pluginupdateinfo .separator:after,
#plugins-control-panel .pluginupdateinfo .separator:after {
  content: " | ";
}

#plugins-check-page .pluginupdateinfo .singlebutton,
#plugins-control-panel .pluginupdateinfo .singlebutton {
  margin: 5px 0;
  padding: 0;
}

#plugins-check-page .pluginupdateinfo .singlebutton div,
#plugins-control-panel .pluginupdateinfo .singlebutton div,
#plugins-check-page .pluginupdateinfo .singlebutton input,
#plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 0 0 3px;
}

.plugins-management-confirm-buttons > div {
  display: inline-block;
  margin: 1em 0 1em 1em;
}

.plugins-management-confirm-buttons .continue {
  padding: 0;
}

.plugins-management-confirm-buttons .continue div,
.plugins-management-confirm-buttons .continue input {
  margin: 0;
}

.uninstalldeleteconfirmexternal {
  background-color: #fcf8e3;
  padding: 0.5em 1em;
  margin: 5px 0 10px 0;
}

#page-admin-index .upgradepluginsinfo {
  text-align: center;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | ";
}

#plugins-check .pluginupdateinfo {
  text-align: center;
  /*rtl:ignore*/
  direction: rtl;
}

#plugins-check .requires-ok {
  /*rtl:ignore*/
  text-align: right;
  /*rtl:ignore*/
  direction: rtl;
}

/** MNet networking */

#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 12px;
}

#page-admin-mnet-peers .mform .deletedhostinfo {
  background-color: #f2dede;
  border: 2px solid #ebccd1;
  padding: 4px;
  margin-bottom: 5px;
}

#core-cache-plugin-summaries table,
#core-cache-store-summaries table {
  width: 100%;
}

#core-cache-lock-summary table,
#core-cache-definition-summaries table,
#core-cache-mode-mappings table {
  margin: 0 auto;
}

#core-cache-store-summaries .default-store td {
  font-style: italic;
}

#core-cache-rescan-definitions,
#core-cache-mode-mappings .edit-link,
#core-cache-lock-summary .new-instance {
  margin-top: 0.5em;
  text-align: center;
}

.tinymcesubplugins img.icon {
  padding-top: 0;
  padding-bottom: 0;
}

.maintenancewarning {
  padding: 3px 1em;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.maintenancewarning.error {
  color: #a94442;
  background-color: #f2dede;
  border: 2px solid #ebccd1;
  font-weight: bold;
}

.maintenancewarning.warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 2px solid #faebcc;
}

#adminsettings .form-overridden {
  color: #31708f;
  background-color: #d9edf7;
}

#overriderolestable .overriddenpermission {
  background-color: #fcf8e3;
}

/* calendar.less */

.calendar_event_course {
  background-color: #ffd3bd;
}

.calendar_event_global {
  background-color: #d6f8cd;
}

.calendar_event_group {
  background-color: #fee7ae;
}

.calendar_event_user {
  background-color: #dce7ec;
}

.path-calendar .calendartable {
  width: 100%;
}

.path-calendar .calendartable th,
.path-calendar .calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}

.path-calendar .calendar-controls .previous,
.path-calendar .calendar-controls .next,
.path-calendar .calendar-controls .current {
  display: block;
  float: right;
  width: 12%;
}

.path-calendar .calendar-controls .previous {
  text-align: right;
}

.path-calendar .calendar-controls .current {
  text-align: center;
  width: 76%;
}

.path-calendar .calendar-controls .next {
  text-align: left;
}

.path-calendar .filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.path-calendar .maincalendar {
  vertical-align: top;
  padding: 0;
}

.path-calendar .maincalendar .bottom {
  text-align: center;
  padding: 5px 0 0 0;
}

.path-calendar .maincalendar .heightcontainer {
  height: 100%;
  position: relative;
}

.path-calendar .maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto;
}

.path-calendar .maincalendar .calendarmonth ul {
  margin: 0;
}

.path-calendar .maincalendar .calendarmonth ul li {
  list-style-type: none;
  margin-top: 4px;
}

.path-calendar .maincalendar .calendarmonth td {
  height: 5em;
}

.path-calendar .maincalendar .calendar-controls .previous,
.path-calendar .maincalendar .calendar-controls .next {
  width: 30%;
}

.path-calendar .maincalendar .calendar-controls .current {
  width: 39.95%;
}

.path-calendar .maincalendar .controls {
  width: 98%;
  margin: 10px auto;
}

.path-calendar .maincalendar .calendar_event_course,
.path-calendar .maincalendar .calendar_event_global,
.path-calendar .maincalendar .calendar_event_group,
.path-calendar .maincalendar .calendar_event_user {
  border-width: 1px 12px 1px 1px;
  border-style: solid;
}

.path-calendar .maincalendar .calendar_event_course {
  border-color: #ffd3bd;
}

.path-calendar .maincalendar .calendar_event_global {
  border-color: #d6f8cd;
}

.path-calendar .maincalendar .calendar_event_group {
  border-color: #fee7ae;
}

.path-calendar .maincalendar .calendar_event_user {
  border-color: #dce7ec;
}

.path-calendar .maincalendar .calendar-event-panel {
  background-color: #eeeeee;
  border: 2px solid #eeeeee;
}

.path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
  padding: 19px;
  background-color: #fdfdfd;
  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);
}

.path-calendar .maincalendar .calendar-controls .current {
  font-family: inherit;
  font-weight: 500;
  color: inherit;
  font-size: 25px;
  line-height: 1.2;
}

.path-calendar .maincalendar .calendartable td,
.path-calendar .maincalendar .calendartable li {
  padding: 5px;
}

.path-calendar .maincalendar .calendartable li {
  padding-right: 10px;
  text-align: right;
}

.path-calendar .maincalendar .header {
  overflow: hidden;
}

.path-calendar .maincalendar .header .buttons {
  float: left;
}

.path-calendar .maincalendar .eventlist .event {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  position: relative;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fdfdfd;
  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);
}

.path-calendar .maincalendar .eventlist .event .picture {
  vertical-align: text-top;
}

.path-calendar .maincalendar .eventlist .event .topic .name {
  font-size: 18px;
  font-weight: 200;
  line-height: 24px;
  float: right;
}

.path-calendar .maincalendar .eventlist .event .topic .name,
.path-calendar .maincalendar .eventlist .event .topic .course {
  margin-bottom: 5px;
}

.path-calendar .maincalendar .eventlist .event .topic .date {
  float: left;
}

.path-calendar .maincalendar .eventlist .event .course,
.path-calendar .maincalendar .eventlist .event .subscription {
  float: right;
  clear: right;
}

.path-calendar .maincalendar .eventlist .event .side {
  width: 22px;
}

.path-calendar .maincalendar .eventlist .event .description {
  background-color: #FFF;
  padding: 5px;
}

.path-calendar .maincalendar .eventlist .event .description .commands {
  position: absolute;
  left: 0;
  top: 0;
  margin: 3px;
}

.path-calendar .maincalendar .eventlist .event .commands a {
  margin: 0 3px;
}

.dir-rtl.path-calendar .cal_courses_flt label {
  margin-right: .45em;
  margin-left: 0;
}

.dir-rtl.path-calendar .maincalendar .calendar_event_course,
.dir-rtl.path-calendar .maincalendar .calendar_event_global,
.dir-rtl.path-calendar .maincalendar .calendar_event_group,
.dir-rtl.path-calendar .maincalendar .calendar_event_user {
  border-right-width: 1px;
  border-left-width: 12px;
}

.dir-rtl.path-calendar .maincalendar .calendar-controls .next {
  text-align: right;
}

.dir-rtl.path-calendar .maincalendar .calendar-controls .previous {
  text-align: left;
}

.dir-rtl.path-calendar .maincalendar .calendartable td,
.dir-rtl.path-calendar .maincalendar .calendartable li {
  text-align: left;
}

.dir-rtl.path-calendar .maincalendar .calendartable li {
  padding-left: 10px;
  padding-right: 5px;
}

.dir-rtl.path-calendar .maincalendar .header .buttons {
  float: right;
}

.dir-rtl.path-calendar .maincalendar .eventlist .event .topic .name {
  float: left;
}

.dir-rtl.path-calendar .maincalendar .eventlist .event .topic .date {
  float: right;
}

.dir-rtl.path-calendar .maincalendar .eventlist .event .description .commands {
  left: inherit;
  right: 0;
}

.dir-rtl.path-calendar .maincalendar .eventlist .event .course,
.dir-rtl.path-calendar .maincalendar .eventlist .event .subscription {
  float: left;
  clear: left;
}

#page-calendar-export .indent {
  padding-right: 20px;
}

.block.block_calendar_month th,
.block.block_calendar_month td {
  border: 1px solid #ddd;
}

.block.block_calendar_month .content {
  padding: 11px 0 0 0;
}

.block.block_calendar_month td {
  width: 14.28571429%;
}

.block .minicalendar {
  max-width: 280px;
  margin: 0 auto;
  width: 100%;
}

.block .minicalendar th,
.block .minicalendar td {
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
}

.block .minicalendar td.weekend {
  color: #777777;
}

.block .calendar-event-panel {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
}

.block .calendar-event-panel .yui3-overlay-content {
  padding: 19px;
  background-color: #fdfdfd;
  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);
}

.block .calendar-event-panel .yui3-overlay-content h2.eventtitle {
  line-height: 1.2;
  font-size: 18px;
}

.block .calendar-event-panel .yui3-overlay-content .eventcontent img {
  padding-left: 5px;
}

.block .calendar-controls .previous,
.block .calendar-controls .current,
.block .calendar-controls .next {
  display: block;
  float: right;
}

.block .calendar-controls .previous {
  text-align: right;
  width: 12%;
}

.block .calendar-controls .current {
  text-align: center;
  width: 76%;
}

.block .calendar-controls .next {
  text-align: left;
  width: 12%;
}

.block .calendar_filters ul {
  list-style: none;
  margin: 0;
}

.block .calendar_filters li {
  margin-bottom: 0.2em;
}

.block .calendar_filters li span img {
  padding: 0 0.2em;
}

.block .calendar_filters .eventname {
  padding-right: 0.2em;
}

.block .content h3.eventskey {
  margin-top: 0.5em;
}

@media (min-width: 768px) {
  #page-calender-view .container-fluid {
    min-width: 1024px;
  }
}

/* course.less */

/* COURSE CONTENT */

.section_add_menus {
  text-align: left;
}

.section_add_menus optgroup {
  font-weight: normal;
  font-style: italic;
}

.section_add_menus .urlselect {
  margin-right: .4em;
}

.section_add_menus .urlselect select {
  margin-right: .2em;
}

.section_add_menus .urlselect img.iconhelp {
  padding: 0;
  margin: 0;
  vertical-align: text-bottom;
}

.section_add_menus .horizontal div,
.section_add_menus .horizontal form {
  display: inline;
}

.section .spinner {
  height: 16px;
  width: 16px;
}

.section .activity {
  /* The command block for each activity */
}

.section .activity .spinner {
  right: 100%;
  position: absolute;
  vertical-align: text-bottom;
}

.section .activity .editing_move {
  /* Move the move icon to the start of the line */
  position: absolute;
  right: 0;
  top: 0;
}

.section .activity .actions {
  position: absolute;
  left: 0;
  top: 0;
}

.section .activity .contentwithoutlink,
.section .activity .activityinstance {
  min-width: 40%;
  display: table-cell;
  padding-left: 4px;
  min-height: 2em;
}

.section .activity .contentwithoutlink .dimmed img.activityicon,
.section .activity .activityinstance .dimmed img.activityicon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.section .label {
  text-align: right;
}

.section .label .contentwithoutlink,
.section .label .activityinstance {
  padding-left: 32px;
  display: block;
  height: inherit;
}

.section .label .mod-indent-outer {
  padding-right: 0px;
}

.section .filler {
  display: none;
}

.section .activity.editor_displayed a.editing_title,
.section .activity.editor_displayed .moodle-actionmenu {
  display: none;
}

.section .activity.editor_displayed div.activityinstance {
  padding-left: initial;
}

.section .activity.editor_displayed div.activityinstance input {
  margin-bottom: initial;
  padding-top: initial;
  padding-bottom: initial;
  vertical-align: text-bottom;
}

.activity img.activityicon {
  margin-left: 6px;
  vertical-align: text-bottom;
}

.section .activity .activityinstance,
.section .activity .activityinstance div {
  display: inline-block;
}

.editing .section .activity .contentwithoutlink,
.editing .section .activity .activityinstance {
  padding-left: 200px;
}

.editing .section .activity .mod-indent-outer {
  padding-right: 32px;
}

.editing .section .activity:hover,
.editing .section .activity.action-menu-shown {
  background-color: #eeeeee;
}

.editing .course-content ul li.section.main .left,
.editing .course-content ul li.section.main .right {
  display: inherit;
}

.editing .course-content ul li.section.main .left {
  float: right;
}

.editing .course-content ul li.section.main .right {
  float: left;
}

.editing_show + .editing_assign,
.editing_hide + .editing_assign {
  margin-right: 20px;
}

.section {
  padding: 0;
  margin: 0;
}

.section .activity .commands {
  white-space: nowrap;
  display: inline !important;
}

.section .activity .activityinstance .groupinglabel {
  padding-right: 30px;
}

.section .activity .contentafterlink p {
  margin: .5em 0;
}

.section .activity.modtype_label.label {
  font-weight: normal;
}

.section li.activity {
  padding: 0.2em;
  clear: both;
}

.section img.movetarget {
  height: 16px;
  width: 80px;
}

.section .activity .availabilityinfo,
.section .activity .contentafterlink {
  margin-top: 0.5em;
  margin-right: 30px;
}

.course-content {
  margin-top: 0;
}

.course-content .current {
  background-color: #d9edf7;
}

.course-content .section-summary {
  border: 1px solid #ddd;
  margin-top: 5px;
  list-style: none;
}

.course-content .section-summary .section-title {
  margin: 2px 5px 10px 5px;
}

.course-content .section-summary .summarytext {
  margin: 2px 5px 2px 5px;
}

.course-content .section-summary .section-summary-activities .activity-count {
  color: #777777;
  font-size: 12px;
  margin: 3px;
  white-space: nowrap;
  display: inline-block;
}

.course-content .section-summary .summary {
  margin-top: 5px;
}

.course-content .single-section {
  margin-top: 1em;
}

.course-content .single-section .section-navigation {
  display: block;
  padding: 0.5em;
  margin-bottom: -0.5em;
}

.course-content .single-section .section-navigation .title {
  font-weight: bold;
  font-size: 108%;
  clear: both;
}

.course-content .single-section .section-navigation .mdl-left {
  font-weight: normal;
  float: right;
  margin-left: 1em;
}

.course-content .single-section .section-navigation .mdl-left .larrow {
  margin-left: 0.1em;
}

.course-content .single-section .section-navigation .mdl-right {
  font-weight: normal;
  float: left;
  margin-right: 1em;
}

.course-content .single-section .section-navigation .mdl-right .rarrow {
  margin-right: 0.1em;
}

.course-content .single-section .section-navigation .mdl-bottom {
  margin-top: 0;
}

.course-content ul li.section.main {
  border-bottom: 2px solid #eee;
  margin-top: 0;
}

.course-content ul li.section.main .left,
.course-content ul li.section.main .right {
  display: none;
}

.course-content ul li.section.hidden .activityinstance,
.course-content ul li.section.hidden .contentafterlink,
.course-content ul li.section.hidden .sectionname a,
.course-content ul li.section.hidden .summary {
  color: #777777;
}

.course-content ul.topics,
.course-content ul.weeks {
  padding: 0;
}

.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
}

.course-content li.section ul {
  list-style: disc;
}

.course-content li.section ul ul {
  list-style: circle;
}

.course-content li.section ul ul ul {
  list-style: square;
}

.course-content li.section li.activity ul {
  list-style: disc;
}

.course-content li.section li.activity ul ul {
  list-style: circle;
}

.course-content li.section li.activity ul ul ul {
  list-style: square;
}

/* Collapsed Topics support */

.course-content ul.ctopics li.section.main,
.course-content ul.ctopics li.tcsection {
  margin: 0;
}

.path-course-view .completionprogress {
  margin-right: 25px;
  display: block;
  float: left;
  height: 20px;
  position: relative;
  z-index: 1000;
  text-align: left;
}

.path-course-view a.reduce-sections {
  padding-right: 0.2em;
}

.path-course-view .subscribelink {
  text-align: left;
}

.path-course-view .unread {
  margin-right: 30px;
}

.path-course-view .block.drag .header {
  cursor: move;
}

.path-course-view .single-section .completionprogress {
  margin-left: 5px;
}

.path-course-view li.activity span.autocompletion img {
  vertical-align: text-bottom;
}

.path-course-view li.activity form.togglecompletion img {
  max-width: none;
}

.path-course-view li.activity form.togglecompletion .ajaxworking {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 22px;
  top: 3px;
  background: url([[pix:i/ajaxloader]]) no-repeat;
}

#page-site-index .subscribelink {
  text-align: left;
}

#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
  margin-bottom: 9px;
}

.path-site li.activity  > div,
.path-course-view li.activity  > div {
  position: relative;
  padding: 0 0 0 16px;
}

li.section.hidden span.commands a.editing_hide,
li.section.hidden span.commands a.editing_show {
  cursor: default;
}

.single-section h3.sectionname {
  text-align: center;
  clear: both;
}

input.titleeditor {
  width: 330px;
  vertical-align: text-bottom;
}

span.editinstructions {
  position: absolute;
  top: 0;
  margin-top: -22px;
  margin-right: 30px;
  line-height: 16px;
  font-size: 12px;
  padding: .1em .4em;
  background-color: #d9edf7;
  color: #31708f;
  text-decoration: none;
  z-index: 9999;
  -webkit-box-shadow: -2px 2px 5px 1px #ccc;
  box-shadow: -2px 2px 5px 1px #ccc;
  border: 1px solid #bce8f1;
}

#dndupload-status {
  position: absolute;
  top: 52px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  right: 50%;
  width: 30em;
  margin-right: -15em;
  -webkit-box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: -1;
}

#dndupload-status h4 {
  margin-top: 0;
  color: inherit;
}

#dndupload-status .alert-link {
  font-weight: bold;
}

#dndupload-status > p,
#dndupload-status > ul {
  margin-bottom: 0;
}

#dndupload-status > p + p {
  margin-top: 5px;
}

#dndupload-status hr {
  border-top-color: #a6e1ec;
}

#dndupload-status .alert-link {
  color: #245269;
}

.dndupload-preview {
  color: #909090;
  border: 1px dashed #909090;
  list-style: none;
  margin-top: .2em;
  padding: .3em;
}

.dndupload-preview img.icon {
  vertical-align: text-bottom;
  padding: 0;
}

.dndupload-progress-outer {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  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);
}

.dndupload-progress-inner {
  float: right;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  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;
}

.dndupload-hidden {
  display: none;
}

#page-course-pending .singlebutton,
#page-course-index .singlebutton,
#page-course-index-category .singlebutton,
#page-course-editsection .singlebutton {
  text-align: center;
}

#page-admin-course-manage #movecourses td img {
  margin: 0 .22em;
  vertical-align: text-bottom;
}

#page-admin-course-manage #movecourses td img.icon {
  padding: 0;
}

#page-course-pending .pendingcourserequests {
  margin-bottom: 1em;
}

#page-course-pending .pendingcourserequests .singlebutton {
  display: inline;
}

#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px;
}

#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap;
}

.coursebox {
  position: relative;
}

.coursebox img {
  max-width: 100%;
}

.coursebox img.courseimage {
  border-radius: 6px;
  float: right;
  height: auto;
  margin-left: 10px;
  max-width: 140px;
}

.coursebox .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.coursebox .coursebtncont {
  text-align: left;
}

.coursebox .boxfooter {
  clear: both;
  margin-bottom: 30px;
}

.coursebox .enrolmenticons {
  float: left;
}

.coursebox .enrolmenticons img {
  padding: 0 5px;
}

.coursebox.remotehost > .info > .categoryname a {
  background-image: url([[pix:moodle|i/mnethost]]);
}

.coursebox .content {
  clear: both;
}

.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.coursebox .content .coursecat {
  text-align: left;
  clear: left;
}

.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox .content .visitlink {
  margin: 3px 5px;
  padding: 0;
}

.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}

.coursebox .enrolmenticons {
  float: left;
}

.coursebox .enrolmenticons img {
  margin: 0 .2em;
}

.coursebox .moreinfo {
  padding: 3px 7px;
}

.coursebox .remotecoursebox .remotecourseinfo {
  float: right;
  width: 40%;
  margin: 3px 5px;
  padding: 0;
}

.coursebox.collapsed {
  margin-bottom: 5px;
  padding: 0;
}

.coursebox.collapsed > .content {
  display: none;
}

.course_category_tree .courses > .paging.paging-morelink:hover {
  background-color: #eee;
}

.course_category_tree .category .numberofcourse {
  font-size: 12px;
}

.course_category_tree .category > .info {
  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);
  min-height: 0;
  padding: 0;
  margin: 3px 0;
  margin-bottom: 3px;
  clear: both;
}

.course_category_tree .category > .info blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.course_category_tree .category > .info > .categoryname {
  background-image: url([[pix:t/collapsed_empty_rtl]]);
  background-repeat: no-repeat;
  padding: 2px 18px;
  margin: 3px;
  background-position: right;
}

.course_category_tree .category > .content {
  padding-right: 16px;
}

.course_category_tree .controls {
  visibility: hidden;
  margin-bottom: 5px;
  text-align: left;
  float: left;
}

.course_category_tree .controls div {
  display: inline;
  cursor: pointer;
  padding-left: 2em;
  font-size: 75%;
}

.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url([[pix:t/expanded]]);
  cursor: pointer;
  line-height: 30px;
}

.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url([[pix:t/collapsed_rtl]]);
}

.course_category_tree .category.collapsed > .content {
  display: none;
}

.course_category_tree .paging.paging-morelink a {
  font-size: 12px;
}

.jsenabled .course_category_tree .controls {
  visibility: visible;
}

.course_category_tree.frontpage-category-names .category > .info {
  background: none;
  border: none;
  margin: 0;
}

.course_category_tree .subcategories  > .paging,
.courses  > .paging {
  margin: 0;
  padding: 5px;
  text-align: center;
}

.courses  > .paging.paging-morelink,
.course_category_tree .subcategories  > .paging.paging-morelink {
  text-align: right;
}

#page-course-index-category .generalbox.info {
  margin-bottom: 15px;
  border: 1px dotted #ddd;
  border-radius: 4px;
  padding: 5px;
}

#page-course-index-category .categorypicker {
  text-align: left;
  margin: 10px 0 20px;
}

.section .summary .iconsmall,
.section .activity .iconsmall {
  width: 16px;
  height: 16px;
}

.section .editing_title .iconsmall {
  width: 21px;
  height: 21px;
  margin: 8px 0 0px 8px;
  padding: 4px 0 0px 8px;
  vertical-align: text-bottom;
}

.section .moodle-actionmenu .iconsmall {
  max-width: none !important;
  /** reset sets 100% !important which breaks on IE8 without this !important */
  width: 21px;
  height: 21px;
  padding: 4px;
  vertical-align: bottom;
}

.section .moodle-actionmenu[data-enhanced] .menu img {
  width: 21px;
  height: 21px;
}

#course-category-listings {
  background-color: transparent;
  margin-bottom: 200px;
  /** Two column layout */
  /** Three column layout */
}

#course-category-listings ul.ml ul.ml {
  margin: 0;
  padding: 0;
}

#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  right: -1px;
}

#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}

#course-category-listings > div > div {
  min-height: 300px;
  border: 1px solid #dddddd;
}

#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}

#course-category-listings h3 {
  margin: 0;
  padding: .4rem .6rem .3rem;
  background-color: #f5f5f5;
  color: #333333;
  border-bottom: 1px solid #dddddd;
}

#course-category-listings h4 {
  margin: 1rem 0 0;
  padding: .6rem 1rem .5rem;
}

#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}

#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
  width: auto;
}

#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
  padding-left: 4px;
}

#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
  margin-top: 12px;
}

#course-category-listings .listing-actions {
  text-align: center;
  padding: .4rem .3rem .3rem;
  line-height: 2.2em;
}

#course-category-listings .listing-actions > .moodle-actionmenu {
  display: inline-block;
}

#course-category-listings .listing-actions > .moodle-actionmenu .menu a {
  padding-right: 1rem;
}

#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
  line-height: normal;
}

#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
  color: inherit;
  display: inline-block;
}

#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
  display: none;
}

#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
  display: none;
}

#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
  display: inline-block;
}

#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0;
}

#course-category-listings ul.ml ul.ml {
  margin: 0;
}

#course-category-listings li {
  line-height: 2.2em;
}

#course-category-listings li > div:hover {
  background-color: #f5f5f5;
}

#course-category-listings li .tree-icon {
  margin: 2px 0 0 6px;
  width: 12px;
  vertical-align: inherit;
}

#course-category-listings li[data-selected='1'] > div {
  background-color: #d9edf7;
  border-top-color: #dddddd;
  border-bottom-color: #dddddd;
}

#course-category-listings li[data-selected='1'] li:first-of-type > div,
#course-category-listings li[data-selected='1'][data-expandable='0'] + li > div {
  border-top-color: #dddddd;
}

#course-category-listings li[data-selected='1']:last-of-type > div {
  border-bottom-color: #dddddd;
}

#course-category-listings li .tree-icon {
  margin-right: 0;
}

#course-category-listings li li .tree-icon {
  margin-right: 1em;
}

#course-category-listings li li li .tree-icon {
  margin-right: 2em;
}

#course-category-listings li li li li .tree-icon {
  margin-right: 3em;
}

#course-category-listings li li li li li .tree-icon {
  margin-right: 4em;
}

#course-category-listings li li li li li li .tree-icon {
  margin-right: 4.5em;
}

#course-category-listings li li li li li li li .tree-icon {
  margin-right: 5em;
}

#course-category-listings li li li li li li li li .tree-icon {
  margin-right: 5.5em;
}

#course-category-listings li + li > div,
#course-category-listings li:first-child > div {
  border-top-color: #dddddd;
}

#course-category-listings .item-actions {
  float: right;
  margin-left: 1em;
  display: inline-block;
}

#course-category-listings .item-actions img {
  margin: 0 4px;
  height: 12px;
  padding: 0;
  vertical-align: inherit;
}

#course-category-listings .item-actions.show .menu a {
  padding: 4px 4px 4px 1em;
}

#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}

#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}

#course-category-listings .listitem > div > .float-left {
  float: right;
}

#course-category-listings .listitem > div > .float-right {
  float: left;
  text-align: left;
}

#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}

#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}

#course-category-listings .listitem > div .without-actions {
  color: #333333;
}

#course-category-listings .listitem > div .idnumber {
  color: #333333;
  margin-left: 2em;
}

#course-category-listings .listitem[data-visible="0"] {
  color: #777777;
}

#course-category-listings .listitem[data-visible="0"] a.categoryname {
  color: #777777;
}

#course-category-listings .listitem[data-visible="0"] > div > a {
  color: #777777;
}

#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}

#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}

#course-category-listings .listitem[data-visible="0"] > ul .item-actions.category-item-actions .action-hide,
#course-category-listings .listitem[data-visible="0"] > ul .item-actions.category-item-actions .action-show {
  display: none;
}

#course-category-listings .listitem.highlight {
  background-color: transparent;
}

#course-category-listings .listitem.highlight > div,
#course-category-listings .listitem.highlight > div:hover,
#course-category-listings .listitem.highlight[data-selected='1'] > div {
  background-color: #dff0d8;
}

#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-right: 1em;
  color: #333333;
}

#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
}

#course-category-listings #course-listing .listitem > div {
  padding-right: 1rem;
}

#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}

#course-category-listings #course-listing .bulk-action-checkbox {
  margin: -2px 0 0 6px;
}

#course-category-listings #category-listing .listitem.collapsed > ul.ml {
  display: none;
}

#course-category-listings #category-listing .listitem > div > .ba-checkbox {
  width: 2.2em;
  text-align: center;
  margin: -1px 0 0 0.5em;
  padding-top: 2px;
}

#course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
  background-color: #dff0d8;
}

#course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
  margin: 0 0 0 0.5em;
  padding: 0;
  background-color: inherit;
}

#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}

#course-category-listings #category-listing .course-count {
  color: #333333;
  margin-left: 2rem;
  min-width: 3.5em;
  display: inline-block;
}

#course-category-listings #category-listing .course-count .smallicon {
  width: 12px;
  margin-right: 4px;
  vertical-align: inherit;
}

#course-category-listings #category-listing .bulk-action-checkbox {
  margin-left: -3px;
}

#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
  position: relative;
}

#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 0.5em 0.5em;
  position: relative;
}

#course-category-listings .detail-pair {
  border-bottom: 1px solid #dddddd;
  margin: 0 1rem;
}

#course-category-listings .detail-pair > * {
  display: inline-block;
  line-height: 2.2rem;
}

#course-category-listings .detail-pair .pair-key {
  font-weight: bold;
  vertical-align: top;
}

#course-category-listings .detail-pair .pair-key span {
  margin-left: 1rem;
  display: block;
}

#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}

#course-category-listings .bulk-actions .detail-pair > * {
  display: block;
  width: 100%;
}

#course-category-listings .listing-pagination {
  text-align: center;
}

#course-category-listings .listing-pagination .yui3-button {
  background-color: #ffffff;
  color: #333333;
  border: 0;
  margin: .4rem .2rem .45rem;
  font-size: 10.4px;
}

#course-category-listings .listing-pagination .yui3-button.active-page {
  background-color: #337ab7;
  color: #ffffff;
}

#course-category-listings .listing-pagination-totals {
  text-align: center;
}

#course-category-listings .listing-pagination-totals.dimmed {
  color: #777777;
  margin: .4rem 1rem .45rem;
}

#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert {
  margin: 1em;
}

#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}

.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 0 0 6px;
  cursor: pointer;
}

/** Management header styling **/

.coursecat-management-header {
  vertical-align: middle;
}

.coursecat-management-header h2 {
  display: inline-block;
  text-align: right;
}

.coursecat-management-header > div {
  display: inline-block;
  float: left;
  line-height: 40px;
}

.coursecat-management-header > div > div {
  margin-right: 1em;
  margin: 10px 0;
  display: inline-block;
}

.coursecat-management-header select {
  max-width: 300px;
  cursor: pointer;
  padding: 0.4em 1em 0.45em 0.5em;
  vertical-align: baseline;
  white-space: nowrap;
}

.coursecat-management-header .view-mode-selector .moodle-actionmenu {
  white-space: nowrap;
  display: inline-block;
}

.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
  padding-right: 1em;
}

.course-being-dragged-proxy {
  border: 0;
  color: #337ab7;
  vertical-align: middle;
  padding: 0 4em 0 0;
}

.course-being-dragged {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#coursesearch {
  text-align: right;
}

#coursesearch label.hidden {
  display: none;
}

.searchhelp {
  text-align: right;
}

/**
 * Display sizes:
 * Large displays                   1200        +
 * Default displays                  980     1199
 * Tablets                           768      979
 * Small tablets and large phones    481      767
 * Phones                              0      480
 */

@media (min-width: 1200px) and (max-width: 1600px) {
  #course-category-listings.columns-3 {
    background-color: transparent;
    border: 0;
  }

  #course-category-listings.columns-3 #category-listing,
  #course-category-listings.columns-3 #course-listing {
    width: 50%;
  }

  #course-category-listings.columns-3 #category-listing > div,
  #course-category-listings.columns-3 #course-listing > div,
  #course-category-listings.columns-3 #course-detail > div {
    border: 1px solid #e1e1e8;
    background-color: transparent;
  }

  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin-top: 1em;
  }
}

@media (max-width: 1199px) {
  #course-category-listings.columns-2,
  #course-category-listings.columns-3 {
    background-color: transparent;
    border: 0;
  }

  #course-category-listings.columns-2 #category-listing,
  #course-category-listings.columns-3 #category-listing,
  #course-category-listings.columns-2 #course-listing,
  #course-category-listings.columns-3 #course-listing,
  #course-category-listings.columns-2 #course-detail,
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin: 0 0 1em;
  }

  #course-category-listings.columns-2 #category-listing > div,
  #course-category-listings.columns-3 #category-listing > div,
  #course-category-listings.columns-2 #course-listing > div,
  #course-category-listings.columns-3 #course-listing > div,
  #course-category-listings.columns-2 #course-detail > div,
  #course-category-listings.columns-3 #course-detail > div {
    border: 1px solid #e1e1e8;
    background-color: #fff;
  }
}

.filemanager,
.filepicker,
.file-picker {
  font-size: 11px;
}

.filemanager a,
.file-picker a,
.filemanager a:hover,
.file-picker a:hover {
  color: #555;
  text-decoration: none;
}

.filemanager input[type="text"],
.file-picker input[type="text"] {
  width: 265px;
}

.filemanager .fp-license td,
.file-picker .fp-setlicense td {
  max-width: 265px;
}

.filemanager .fp-license select,
.file-picker .fp-setlicense select {
  max-width: 100%;
}

.fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.fp-content-hidden {
  visibility: hidden;
}

.yui3-panel-focused {
  outline: none;
}

#filesskin .yui3-panel-content {
  padding-bottom: 20px;
  background: #f2f2f2;
  border-radius: 8px;
  border: 1px solid #fff;
  display: inline-block;
  -webkit-box-shadow: -5px 5px 20px 0 #666;
  box-shadow: -5px 5px 20px 0 #666;
}

#filesskin .yui3-widget-hd {
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #bbb;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  -webkit-filter: dropshadow(color=#ffffff, offx=1, offy=1);
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
  background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}

.fp-panel-button {
  background: #fff;
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  border-radius: 10px;
  display: inline-block;
  -webkit-box-shadow: -2px 2px 3px .1px #999;
  box-shadow: -2px 2px 3px .1px #999;
}

.moodle-dialogue h3 {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
}

.moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0px;
}

#filesskin .file-picker.fp-generallayout {
  width: 859px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  position: relative;
}

.file-picker .fp-repo-area {
  width: 180px;
  overflow: auto;
  display: inline-block;
  float: right;
  height: 490px;
  border-left: 1px solid #bbb;
}

.file-picker .fp-repo-items {
  float: none;
  width: auto;
  margin-right: 181px;
}

.dir-rtl .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
  margin-right: 0px;
  margin-left: 0px;
  float: left;
}

.file-picker .fp-navbar {
  background: #f2f2f2;
  border-bottom: 1px solid #bbb;
  min-height: 40px;
  overflow: hidden;
}

.file-picker .fp-navbar .fp-viewbar {
  margin: 4px;
}

.file-picker .fp-content {
  background: #fff;
  clear: none;
  overflow: auto;
  height: 452px;
}

.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}

.file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}

.file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}

.file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: right;
  width: 100%;
  margin: 0;
}

.file-picker .fp-list .fp-repo a {
  display: block;
  padding: .5em .7em;
}

.file-picker .fp-list .fp-repo.active {
  background: #f2f2f2;
}

.file-picker .fp-list .fp-repo-icon {
  padding: 0 5px 0 7px;
  width: auto;
  height: 16px;
}

.fp-toolbar {
  float: right;
}

.fp-toolbar.empty {
  display: none;
}

.fp-toolbar .disabled {
  display: none;
}

.fp-toolbar div {
  display: block;
  float: right;
  margin-left: 4px;
}

.fp-toolbar img {
  vertical-align: -15%;
  margin-left: 5px;
}

.fp-toolbar .fp-tb-search {
  width: 235px;
  height: 27px;
}

.fp-toolbar .fp-tb-search input {
  background: #ffffff url('[[pix:a/search]]') no-repeat 7px 7px;
  padding: 2px 27px 1px 6px;
  width: 200px;
  height: 27px;
  border: 1px solid #bbb;
}

.fp-viewbar {
  float: left;
  height: 30px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
  -webkit-box-sizing: unset;
  -moz-box-sizing: unset;
  box-sizing: unset;
  background: white;
}

.fp-repo-items fp-viewbar {
  margin: 4px;
}

.fp-viewbar a {
  width: 30px;
  height: 30px;
  border-left: 1px solid #ccc;
  display: block;
  float: right;
}

.fp-viewbar a.checked:hover,
.fp-viewbar a:hover {
  background-image: -webkit-radial-gradient(center, ellipse, #ffffff 60%, #dfdfdf 100%);
  background-image: -o-radial-gradient(center, ellipse, #ffffff 60%, #dfdfdf 100%);
  background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}

.fp-viewbar a.checked,
.fp-viewbar a:active {
  background-image: -webkit-radial-gradient(center, ellipse, #ffffff 40%, #dfdfdf 100%);
  background-image: -o-radial-gradient(center, ellipse, #ffffff 40%, #dfdfdf 100%);
  background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}

.fp-viewbar a.fp-vb-icons {
  border-radius: 0 4px 4px 0;
}

.fp-viewbar a.fp-vb-tree {
  border-left: 0;
  border-radius: 4px 0 0 4px;
}

.fp-viewbar a img {
  margin: 7px;
}

.fp-viewbar.disabled a {
  opacity: 0.45;
  filter: alpha(opacity=45);
  background: none;
  cursor: default;
}

.file-picker .fp-clear-left {
  clear: right;
}

.file-picker .fp-pathbar {
  display: table-row;
}

.fp-pathbar.empty {
  display: none;
}

.fp-pathbar .fp-path-folder {
  background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat 0 0;
  width: 27px;
  height: 12px;
  margin-right: 4px;
}

.fp-pathbar .fp-path-folder-name {
  margin-right: 32px;
  line-height: 20px;
}

.fp-iconview .fp-file {
  float: right;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}

.fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #fff;
  display: block;
}

.fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  -webkit-box-shadow: -1px 1px 2px 0 #ccc;
  box-shadow: -1px 1px 2px 0 #ccc;
}

.fp-iconview .fp-thumbnail:hover {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0px #ccc;
  box-shadow: inset 0 0 10px 0px #ccc;
}

.fp-iconview .fp-filename-field {
  height: 33px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}

.fp-iconview .fp-filename-field:hover {
  overflow: visible;
  z-index: 1000;
}

.fp-iconview .fp-filename-field .fp-filename {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}

.file-picker .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}

#filesskin .file-picker .yui3-datatable-header {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 0 solid #fff;
  color: #555;
}

#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f6f6f6;
  border-right: 0 solid #f6f6f6;
}

#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
  background-color: #fff;
  border-right: 0 solid #fff;
}

.file-picker .ygtvtn,
.filemanager .ygtvtn {
  background: url('[[pix:y/tn_rtl]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}

.file-picker .ygtvtm,
.filemanager .ygtvtm {
  background: url('[[pix:y/tm]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
  cursor: pointer;
}

.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
  background: url('[[pix:y/tm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvtp,
.filemanager .ygtvtp {
  background-image: url('[[pix:y/tp_rtl]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvtph,
.filemanager .ygtvtph {
  background-image: url('[[pix:y/tp_rtl]]') 0 10px no-repeat;
  width: 13px;
  height: 22px;
  cursor: pointer;
}

.file-picker .ygtvln,
.filemanager .ygtvln {
  background-image: url('[[pix:y/ln_rtl]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}

.file-picker .ygtvlm,
.filemanager .ygtvlm {
  background-image: url('[[pix:y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
  background-image: url('[[pix:y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlp,
.filemanager .ygtvlp {
  background-image: url('[[pix:y/lp_rtl]]') 0 0 no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlph,
.filemanager .ygtvlph {
  background-image: url('[[pix:y/lp_rtl]]') 0 10px no-repeat;
  background-position: right 10px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvloading,
.filemanager .ygtvloading {
  background: transparent url('[[pix:y/loading]]') 0 0 no-repeat;
  width: 16px;
  height: 22px;
}

.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
  background: url('[[pix:y/vline]]') 0 0 no-repeat;
  width: 17px;
  height: 32px;
}

.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}

a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}

.ygtvlabel,
.ygtvlabel:link,
.ygtvlabel:visited,
.ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-right: 2px;
  text-decoration: none;
}

.file-picker .ygtvfocus,
.filemanager .ygtvfocus {
  background-color: #eee;
}

.fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}

.fp-icon {
  float: right;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  text-align: center;
  line-height: 24px;
}

.fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}

.fp-filename {
  padding-left: 10px;
}

.file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}

.file-picker .fp-login-form table {
  margin: 0 auto;
}

.file-picker .fp-login-form p {
  text-align: center;
  margin-top: 3em;
}

.file-picker .fp-login-form .fp-login-input label {
  text-align: left;
  display: block;
}

.file-picker .fp-login-form .fp-login-input .input {
  text-align: right;
}

.file-picker .fp-login-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
}

.file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}

.file-picker .fp-upload-form table {
  margin: 0 auto;
}

.file-picker.fp-dlg {
  text-align: center;
}

.file-picker.fp-dlg .fp-dlg-text {
  padding: 30px 20px 10px;
  font-size: 12px;
}

.file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}

.file-picker.fp-msg {
  text-align: center;
}

.file-picker.fp-msg .fp-msg-text {
  padding: 40px 20px 10px 20px;
  min-width: 200px;
  max-width: 500px;
  max-height: 300px;
  overflow: auto;
  font-size: 12px;
}

.file-picker.fp-msg.fp-msg-error .fp-msg-text {
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}

.file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}

.file-picker .fp-content-error .fp-error {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}

.file-picker .fp-nextpage {
  clear: both;
}

.file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}

.file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}

.file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}

.fp-select form {
  padding: 20px 20px 0;
}

.fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}

.fp-select .fp-hr {
  clear: both;
  height: 1px;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  width: auto;
  margin: 10px 0;
}

.fp-select table {
  padding: 0 0 10px;
}

.fp-select table .mdl-right {
  min-width: 84px;
}

.fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}

.fp-select .fp-select-buttons {
  float: left;
}

.fp-select .fp-info {
  display: block;
  clear: both;
  padding: 1px 20px 0;
}

.fp-select .fp-thumbnail {
  float: right;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 0 0 20px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0 #ccc;
  box-shadow: inset 0 0 10px 0 #ccc;
}

.fp-select .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}

.fp-select .fp-fileinfo {
  display: inline-block;
  margin-top: 10px;
}

.file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}

.fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}

.file-picker.fp-select .uneditable {
  display: none;
}

.file-picker.fp-select .fp-select-loading {
  display: none;
}

.file-picker.fp-select.loading .fp-select-loading {
  display: block;
}

.file-picker.fp-select.loading form {
  display: none;
}

.fp-select .fp-dimensions.fp-unknown {
  display: none;
}

.filemanager-loading {
  display: none;
}

.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}

.filemanager.fm-loading .filemanager-toolbar,
.filemanager.fm-loading .fp-pathbar,
.filemanager.fm-loading .filemanager-container,
.filemanager.fm-loaded .filemanager-loading,
.filemanager.fm-maxfiles .fp-btn-add,
.filemanager.fm-maxfiles .dndupload-message,
.filemanager.fm-noitems .fp-btn-download,
.filemanager .fm-empty-container,
.filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}

.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}

.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}

.filemanager.fm-updating .fm-content-wrapper,
.filemanager.fm-nomkdir .fp-btn-mkdir,
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}

.filemanager .fp-restrictions {
  text-align: left;
}

.filemanager .fp-navbar {
  background: #f2f2f2;
  border: 1px solid #bbb;
  border-bottom: none;
}

.filemanager-toolbar {
  padding: 4px;
  overflow: hidden;
}

.fp-pathbar {
  border-top: 1px solid #bbb;
  padding: 5px 8px 1px;
  min-height: 20px;
}

.file-picker .fp-toolbar {
  padding: 2px 4px;
}

.fp-toolbar .fp-btn-add,
.fp-toolbar .fp-btn-download,
.fp-toolbar .fp-btn-mkdir,
.fp-toolbar .fp-tb-help,
.fp-toolbar .fp-tb-manage,
.fp-toolbar .fp-tb-logout,
.fp-toolbar .fp-tb-refresh {
  border: 1px solid #ccc;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
  background: white;
  width: 30px;
  height: 30px;
}

.fp-toolbar a:hover {
  background-image: -webkit-radial-gradient(center, ellipse, #ffffff 60%, #dfdfdf 100%);
  background-image: -o-radial-gradient(center, ellipse, #ffffff 60%, #dfdfdf 100%);
  background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}

.fp-toolbar a:active {
  background-image: -webkit-radial-gradient(center, ellipse, #ffffff 40%, #dfdfdf 100%);
  background-image: -o-radial-gradient(center, ellipse, #ffffff 40%, #dfdfdf 100%);
  background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}

.fp-btn-add a,
.fp-btn-download a,
.fp-btn-mkdir a,
.fp-tb-help a,
.fp-tb-manage a,
.fp-tb-logout a,
.fp-tb-refresh a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

.fp-btn-add img,
.fp-btn-download img,
.fp-btn-mkdir img,
.fp-tb-help img,
.fp-tb-manage img,
.fp-tb-logout img,
.fp-tb-refresh img {
  margin: 7px;
}

.filemanager .fp-pathbar.empty {
  display: none;
}

.filepicker-filelist,
.filemanager-container {
  background: #fff;
  clear: both;
  overflow: auto;
  border: 1px solid #bbb;
  min-height: 140px;
  position: relative;
}

.filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}

.filemanager-container,
.filepicker-filelist {
  overflow: hidden;
}

.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
  background-color: #ebebe4;
}

.fitem.disabled .fp-btn-choose {
  color: #777777;
}

.fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}

.fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}

.fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}

.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp/link]]') no-repeat;
  background-position: bottom left;
}

.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp/alias]]') no-repeat;
  background-position: bottom right;
}

.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}

.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url([[pix:s/dead]]) no-repeat;
  background-position: center center;
}

.filemanager .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}

.filemanager .yui3-datatable-header {
  background: #fff!important;
  border-bottom: 1px solid #ccc!important;
  border-right: 0 solid #fff!important;
  color: #555!important;
}

.filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f6f6f6!important;
  border-right: 0 solid #f6f6f6;
}

.filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: #fff!important;
  border-right: 0 solid #fff;
}

.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 8px;
  right: 17px;
  z-index: 1000;
}

.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 9px;
  right: -6px;
  z-index: 1001;
}

.filemanager .fp-contextmenu {
  display: none;
}

.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: block;
  position: absolute;
  left: 7px;
  bottom: 5px;
}

.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  right: 14px;
  margin-left: -20px;
  top: 6px;
}

.filepicker-filelist .filepicker-container,
.filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  border: 2px dashed #bbb;
  padding-top: 85px;
  text-align: center;
}

.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
  -webkit-box-shadow: 0px 0 0 10px #fff;
  box-shadow: 0px 0 0 10px #fff;
}

.filepicker-filelist.dndupload-over .dndupload-target,
.filemanager-container.dndupload-over .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
}

.dndupload-message {
  display: none;
}

.dndsupported .dndupload-message {
  display: inline;
}

.dnduploadnotsupported-message {
  display: none;
}

.dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}

.dndupload-target {
  display: none;
}

.dndsupported .dndupload-ready .dndupload-target {
  display: block;
}

.dndupload-uploadinprogress {
  display: none;
  text-align: center;
}

.dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}

.dndupload-arrow {
  background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px;
}

.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {
  display: none;
}

.dndupload-progressbars {
  padding: 10px;
  display: none;
}

.dndupload-inprogress .dndupload-progressbars {
  display: block;
}

.dndupload-inprogress .fp-content {
  display: none;
}

.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none;
}

.filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}

.filepicker-filelist.dndupload-inprogress a {
  display: none;
}

.filemanager.fp-select .fp-select-loading {
  display: none;
}

.filemanager.fp-select.loading .fp-select-loading {
  display: block;
}

.filemanager.fp-select.loading form {
  display: none;
}

.filemanager.fp-select.fp-folder .fp-license,
.filemanager.fp-select.fp-folder .fp-author,
.filemanager.fp-select.fp-file .fp-file-unzip,
.filemanager.fp-select.fp-folder .fp-file-unzip,
.filemanager.fp-select.fp-file .fp-file-zip,
.filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}

.filemanager.fp-select .fp-file-setmain,
.filemanager.fp-select .fp-file-setmain-help {
  display: none;
}

.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block;
}

.filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}

.filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}

.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}

.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}

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

.filemanager.fp-select .fp-original.fp-unknown,
.filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}

.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}

.filemanager.fp-select .fp-reflist.fp-unknown,
.filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}

.filemanager.fp-select .fp-refcount {
  max-width: 265px;
}

.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}

.filemanager.fp-select .fp-reflist .fp-value {
  background: #f9f9f9;
  border: 1px solid #bbb;
  padding: 8px 7px;
  margin: 0;
  max-width: 265px;
  max-height: 75px;
  overflow: auto;
}

.filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}

.filemanager.fp-mkdir-dlg {
  text-align: center;
}

.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: right;
  margin: 20px;
}

.filemanager.fp-dlg {
  text-align: center;
}

.filemanager.fp-dlg .fp-dlg-text {
  padding: 0 10px;
  min-width: 200px;
  max-width: 340px;
  max-height: 300px;
  overflow: auto;
  line-height: 22px;
  margin: 40px 20px 20px;
  font-size: 12px;
}

.file-picker div.bd {
  text-align: right;
}

.fp-formset .control-label {
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: normal;
  text-align: right;
}

.fp-formset {
  margin: 0 15px;
}

.fp-forminset {
  max-width: 400px;
  padding: 0 10px;
}

.fp-forminset .control-group.control-radio {
  margin-bottom: 0;
}

.fp-forminset .control-group label.control-label {
  width: 105px;
  font-weight: normal;
  float: right;
}

.fp-forminset .control-group label.control-radio {
  padding-top: 0;
  float: left;
  text-align: right;
  width: 215px;
  font-weight: normal;
}

.fp-forminset .control-group .controls {
  margin-right: 125px;
}

.fp-forminset .control-group .controls.control-radio input {
  margin-top: 3px;
}

.fp-forminset .fp-select-buttons {
  float: none;
}

.fp-forminset input[type="text"] {
  width: 228px;
}

.fp-fileinfo .fp-value {
  display: inline-block;
  padding-right: 5px;
}

/** The message area **/

.messaging-area-container {
  margin-bottom: 30px;
}

.messaging-area-container .status .online-text {
  display: none;
  color: #7d7;
}

.messaging-area-container .status .offline-text {
  color: #ff6961;
}

.messaging-area-container .status.online .online-text {
  display: block;
}

.messaging-area-container .status.online .offline-text {
  display: none;
}

.messaging-area-container a,
.messaging-area-container .btn.btn-link {
  color: #4f94cd;
}

.messaging-area-container .messaging-area {
  border: 1px solid #e3e3e3;
  clear: both;
  border-radius: 4px;
}

.messaging-area-container .messaging-area img {
  max-width: 100%;
}

.messaging-area-container .messaging-area .contacts-area {
  border-left: 1px solid #e3e3e3;
  height: 600px;
  width: 280px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-height: 670px) {
  .messaging-area-container .messaging-area .contacts-area {
    height: 500px;
  }
}

.messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
  height: 80px;
}

.messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
  height: 470px;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea {
  padding: 9px 5px;
  text-align: center;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: auto;
  background-color: #fff;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea input {
  background-color: #f5f5f5;
  line-height: 30px;
  border: 0;
  width: 90%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
  background-color: #f5f5f5;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
  background-color: #fff;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
  line-height: 20px;
  cursor: pointer;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
  float: right;
}

.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
  float: right;
  margin-right: 5px;
}

.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-size: 14px;
  font-weight: bold;
}

.messaging-area-container .messaging-area .contacts-area .searcharea .course {
  text-align: center;
}

.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
  background-color: #4f94cd;
  color: #fff;
  border: none;
  cursor: pointer;
}

.messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
  padding-top: 20px;
  text-align: center;
}

.messaging-area-container .messaging-area .contacts-area .contacts {
  height: 500px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-height: 670px) {
  .messaging-area-container .messaging-area .contacts-area .contacts {
    height: 400px;
  }
}

.messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
  padding-top: 20px;
  text-align: center;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact {
  height: 66px;
  cursor: pointer;
  border-bottom: 1px solid #e3e3e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
  background-color: #f1f1f1;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
  border-color: #f1f1f1;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
  width: 60%;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
  display: inline-block;
  width: 15%;
  float: right;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
  background-color: #4f94cd;
  color: #fff;
  border: none;
  background-color: #79b5e6;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
  color: #fff;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
  border: none;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
  background-color: #4f94cd;
  color: #fff;
  border: none;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
  color: #fff;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
  border: none;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
  line-height: 66px;
  text-align: center;
  height: 66px;
  border-bottom: 1px solid #fff;
  width: 25%;
  float: right;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
  border-radius: 50%;
  height: 54px;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
  padding: 6px 0;
  height: 66px;
  width: 75%;
  float: right;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
  font-weight: bold;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
  vertical-align: baseline;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
  word-wrap: break-word;
  margin: 0;
  height: 40px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a1a1a1;
  padding-left: 10px;
}

.messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
  display: none;
  line-height: 66px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.messaging-area-container .messaging-area .contacts-area .tabs {
  border-top: 1px solid #e3e3e3;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.messaging-area-container .messaging-area .contacts-area .tabs .tab {
  cursor: pointer;
  height: 100%;
  background-color: #f5f5f5;
  margin: 0;
  width: 50%;
  text-align: center;
  float: right;
}

.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
  color: #4f94cd;
}

.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
  height: 30px;
  line-height: 30px;
}

.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
  height: 20px;
}

.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
  color: #4f94cd;
}

.messaging-area-container .messaging-area .messages-area {
  width: -webkit-calc(100% - 280px);
  width: calc(100% - 280px);
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  float: left;
}

@media (max-height: 670px) {
  .messaging-area-container .messaging-area .messages-area {
    height: 500px;
  }
}

.messaging-area-container .messaging-area .messages-area .btn-container {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 15px;
  font-weight: normal;
}

.messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
  display: none;
}

.messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
  display: none;
}

.messaging-area-container .messaging-area .messages-area .profile-header {
  height: 50px;
  line-height: 50px;
  display: none;
}

.messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
  display: block;
}

.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
  padding: 0;
  line-height: inherit;
}

.messaging-area-container .messaging-area .messages-area .profile {
  padding: 30px;
  font-size: 16px;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-height: 670px) {
  .messaging-area-container .messaging-area .messages-area .profile {
    height: 500px;
  }
}

.messaging-area-container .messaging-area .messages-area .profile .user-container {
  height: 100px;
}

.messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
  border-radius: 50%;
  max-height: 100px;
  display: inline-block;
}

.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 10px;
}

.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
  font-weight: bold;
  display: block;
}

.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
  display: block;
  font-size: 14px;
}

.messaging-area-container .messaging-area .messages-area .profile .information {
  margin: 0;
  display: inline-block;
  float: left;
  margin-top: 20px;
  font-size: 14px;
  list-style: none;
}

.messaging-area-container .messaging-area .messages-area .profile .information .name {
  display: inline-block;
  font-weight: bold;
  text-align: left;
  margin-left: 10px;
}

.messaging-area-container .messaging-area .messages-area .profile .information .value {
  display: inline-block;
}

.messaging-area-container .messaging-area .messages-area .profile .actions {
  padding-top: 80px;
}

.messaging-area-container .messaging-area .messages-area .profile .actions .separator {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
  color: #ff6961;
}

.messaging-area-container .messaging-area .messages-area .messages-header {
  height: 50px;
  font-weight: bold;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  position: relative;
}

.messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
  padding: 0;
  line-height: inherit;
}

.messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
  display: none;
}

.messaging-area-container .messaging-area .messages-area .messages-header .name-container {
  padding-top: 9px;
  display: inline-block;
}

.messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
  line-height: 20px;
}

.messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
  line-height: 12px;
  font-size: 12px;
  font-weight: normal;
}

.messaging-area-container .messaging-area .messages-area .messages-header .actions {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 15px;
  font-weight: normal;
}

.messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
  display: none;
}

.messaging-area-container .messaging-area .messages-area .messages {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

@media (max-height: 670px) {
  .messaging-area-container .messaging-area .messages-area .messages {
    height: 400px;
  }
}

.messaging-area-container .messaging-area .messages-area .messages .blocktime {
  clear: both;
  text-align: center;
  color: #a1a1a1;
  font-size: 12px;
  margin: 5px 0;
}

.messaging-area-container .messaging-area .messages-area .messages .message:after {
  content: "";
  display: table;
  clear: both;
}

.messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
  display: none;
  text-align: center;
  padding-top: 5px;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content {
  border: 1px solid #e3e3e3;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  word-wrap: break-word;
  max-width: 55%;
  border-radius: 4px;
  position: relative;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content .text {
  display: block;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
  margin: 0;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
  font-size: 10px;
  color: #a1a1a1;
  float: left;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
  float: right;
}

.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
  float: left;
}

.messaging-area-container .messaging-area .messages-area .response {
  display: table;
  border-bottom-left-radius: 4px;
  padding: 10px 10px 9px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  line-height: 28px;
  text-align: center;
  border-top: 1px solid #e3e3e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
  display: none;
}

.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
  border: 1px solid #4f94cd;
  border-radius: 4px;
}

.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
  background-color: #4f94cd;
  color: #fff;
  text-shadow: none;
}

.messaging-area-container .messaging-area .messages-area .response .message-box {
  display: table-row;
}

.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
  display: table-cell;
}

.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
  height: auto;
  line-height: 20px;
  padding: 4px 6px;
  vertical-align: middle;
  width: 100%;
  margin: 0;
  resize: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
  display: table-cell;
  width: 1px;
}

.messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container button {
  height: 30px;
}

.messaging-area-container .messaging-area .messages-area .response.messaging {
  background-color: #f5f5f5;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
  background-color: #fff;
  -webkit-transition: background-color linear 0.2s;
  -o-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
  display: none;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
  display: block;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
  display: block;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
  display: none;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
  display: none;
}

.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
  display: block;
}

.messaging-area-container .messaging-area .messages-area.editing .messages .message {
  cursor: pointer;
}

.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
  background-color: #4f94cd;
  border-color: #4f94cd;
  color: #fff;
}

.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
  color: #fff;
}

.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
  background-color: #79b5e6;
  color: #fff;
}

.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
  color: #fff;
}

.messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
  display: block;
}

.messaging-area-container .messaging-area .messages-area.editing .response .message-box {
  display: none;
}

.preferences-container .container-fluid {
  padding: 0;
}

.preferences-container .container-fluid .span6 {
  min-height: 20px;
}

.preferences-container .align-bottom {
  vertical-align: bottom;
}

.preferences-container .preference-table {
  border: 1px solid #ddd;
}

.preferences-container .preference-table thead th {
  text-align: center;
}

.preferences-container .preference-table thead th .config-warning {
  display: none;
}

.preferences-container .preference-table thead th.unconfigured .config-warning {
  display: inline-block;
}

.preferences-container .preference-table tr td:not(:first-child) {
  width: 150px;
  text-align: center;
}

.preferences-container .preference-table tr td:nth-child(even) {
  background-color: #f7f7f7;
}

.preferences-container .preference-table tr th:nth-child(even) {
  background-color: #f7f7f7;
}

.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block;
}

.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle;
}

.preferences-container .preference-table .preference-row .disabled-message {
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.preferences-container .preference-table .preference-row .preference-state {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
  background-color: #5cb85c;
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
  display: inline-block;
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
  display: none;
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  background-color: #d9534f;
  color: #fff;
  cursor: pointer;
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
  display: none;
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
  display: none;
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
  display: inline-block;
}

.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
  display: none;
}

.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
  display: none;
}

.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
  display: block;
}

.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block;
}

.disabled-message {
  display: none;
}

.disabled .disabled-message {
  display: block;
}

.disabled .disabled-message + form {
  display: none;
}

.general-settings-container .loading-icon {
  display: none;
}

.general-settings-container .loading .loading-icon {
  display: inline-block;
}

.general-settings-container label {
  display: inline-block;
}

.processor-container {
  position: relative;
}

.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}

.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle;
}

.processor-container.loading .loading-container {
  display: block;
}

.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px;
}

.preferences-page-container .checkbox-container input {
  line-height: 20px;
  margin: 0;
}

.preferences-page-container .checkbox-container .loading-icon {
  display: none;
}

.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block;
}

.notification-area {
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
}

@media (max-height: 670px) {
  .notification-area {
    height: 500px;
  }
}

.notification-area .control-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-left: 1px solid #e3e3e3;
}

.notification-area .control-area .content {
  position: relative;
}

.notification-area .control-area .content .content-item-container {
  cursor: pointer;
}

.notification-area .control-area .content:empty + .empty-text {
  display: block;
}

.notification-area .control-area .loading-icon {
  display: none;
}

.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
  padding-top: 20px;
}

.notification-area .control-area.loading .loading-icon {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}

.notification-area .control-area.loading .content:empty + .empty-text {
  display: none;
}

.notification-area .content-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  float: left;
}

.notification-area .content-area .toggle-mode {
  display: none;
}

.notification-area .content-area .header {
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
}

.notification-area .content-area .header .image-container {
  display: inline-block;
  height: 25px;
  width: 24px;
  float: right;
}

.notification-area .content-area .header .subject-container {
  display: inline-block;
  max-width: -webkit-calc(100% - 24px);
  max-width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.notification-area .content-area .header .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  margin-right: 30px;
}

.notification-area .content-area .header:empty {
  display: none;
}

.notification-area .content-area > .content {
  height: 500px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
}

@media (max-height: 670px) {
  .notification-area .content-area > .content {
    height: 400px;
  }
}

.notification-area .content-area > .content:empty {
  display: none;
}

.notification-area .content-area > .content:empty + .empty-text {
  display: block;
  text-align: center;
  padding-top: 100px;
}

.notification-area .content-area .empty-text {
  display: none;
}

.notification-area .content-area .footer {
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.notification-area .content-area .footer a {
  line-height: 50px;
}

.notification-area .content-area .footer:empty {
  display: none;
}

@media (max-width: 979px) {
  .messaging-area-container .messaging-area {
    position: relative;
    overflow: hidden;
    height: 600px;
  }

  .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
    display: block;
  }

  .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
    display: none;
  }

  .messaging-area-container .messaging-area .messages-area .profile-header {
    display: block;
  }

  .messaging-area-container .messaging-area .messages-area .profile {
    height: 550px;
  }

  .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
    display: none;
  }

  .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
    display: block;
  }

  .messaging-area-container .messaging-area .contacts-area {
    width: 100%;
    border-left: none;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }

  .messaging-area-container .messaging-area .messages-area {
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
  }

  .messaging-area-container .messaging-area.show-messages .contacts-area {
    right: -100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .messaging-area-container .messaging-area.show-messages .messages-area {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area {
    right: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
    background-color: inherit;
    color: inherit;
    border-bottom: 1px solid #e3e3e3;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
    background-color: #4f94cd;
    color: #fff;
    border: none;
    background-color: #79b5e6;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
    color: #fff;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
    border: none;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
    border-bottom: 1px solid #fff;
  }

  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
    color: #a1a1a1;
  }

  .messaging-area-container .messaging-area.hide-messages .messages-area {
    left: -100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .notification-area {
    position: relative;
    overflow: hidden;
  }

  .notification-area .control-area {
    border-left: none;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: right 0.25s;
    -o-transition: right 0.25s;
    transition: right 0.25s;
  }

  .notification-area .content-area {
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: left 0.25s, opacity 0.25s, visibility 0.25s;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .notification-area .content-area .toggle-mode {
    display: inline-block;
    float: right;
    width: 70px;
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }

  .notification-area .content-area .header {
    display: inline-block;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
  }

  .notification-area.show-content-area .control-area {
    right: -100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: right 0.25s, opacity 0.25s, visibility 0.25s;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }

  .notification-area.show-content-area .content-area {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: left 0.25s;
    -o-transition: left 0.25s;
    transition: left 0.25s;
  }
}

@media (max-width: 979px) and (max-height: 670px) {
  .messaging-area-container .messaging-area {
    height: 500px;
  }
}

@media (max-width: 480px) {
  .messaging-area-container .messaging-area .messages-area.editing .messages-header {
    height: 80px;
  }

  .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
    top: 30px;
  }

  .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
    top: 30px;
  }

  .messaging-area-container .messaging-area .messages-area.editing .messages {
    height: 470px;
  }
}

/* Question */

.questionbank h2 {
  margin-top: 0;
}

.questioncategories h3 {
  margin-top: 0;
}

#chooseqtypebox {
  margin-top: 1em;
}

#chooseqtype h3 {
  margin: 0 0 0.3em;
}

#chooseqtype .instruction {
  display: none;
}

#chooseqtype .fakeqtypes {
  border-top: 1px solid silver;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0.5em;
}

#chooseqtype label {
  display: block;
}

#chooseqtype .qtypename img {
  padding: 0 0.3em;
}

#chooseqtype .qtypename {
  display: inline-table;
  width: 16em;
}

#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em;
}

#chooseqtype .submitbuttons {
  margin: 0.7em 0;
  text-align: center;
}

#qtypechoicecontainer {
  display: none;
}

#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  background: none;
}

#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
  background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}

#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  border-radius: 10px;
  border: 1px solid #ccc;
  border-top: 0 none;
  -webkit-box-shadow: -5px 5px 20px 0 #666;
  box-shadow: -5px 5px 20px 0 #666;
}

#qtypechoicecontainer #chooseqtype {
  width: 40em;
}

#chooseqtypehead h3 {
  margin: 0;
  font-weight: normal;
}

#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}

#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
  max-height: -webkit-calc(100vh - 15em);
  max-height: calc(100vh - 15em);
  width: 60%;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 1.6em 0.3em 0.3em;
}

#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-right: 1em;
  padding-left: 0.5em;
}

#chooseqtype .selected {
  background-color: #fff;
  -webkit-box-shadow: 0px 0 10px 0 #ccc;
  box-shadow: 0px 0 10px 0 #ccc;
}

#chooseqtype .instruction,
#chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 60%;
  margin: 0;
  overflow-x: hidden;
  padding: 1.5em 1.6em;
  background-color: #fff;
  overflow-y: auto;
}

#chooseqtype .instruction,
#chooseqtype .selected .qtypesummary {
  display: block;
}

#categoryquestions {
  margin: 0;
}

#categoryquestions td,
#categoryquestions th {
  padding: 0 0.2em;
}

#categoryquestions th {
  text-align: right;
  font-weight: normal;
}

#categoryquestions .checkbox {
  padding-right: 5px;
}

#categoryquestions .checkbox input[type="checkbox"] {
  margin-right: 0px;
  float: none;
}

#categoryquestions img.iconsmall {
  padding: 0;
}

#categoryquestions .iconcol {
  padding: 3px;
}

#categoryquestions label {
  margin: 0;
}

#page-mod-quiz-edit div.questionbankwindow div.header {
  margin: 0;
}

#page-mod-quiz-edit div.questionbankwindow.block {
  padding: 0;
  border-width: 1px;
}

#categoryquestions .checkbox {
  display: table-cell;
  width: 19px;
}

#categoryquestions .checkbox input[type="checkbox"] {
  margin-right: 0px;
  position: relative;
}

#categoryquestions img.iconsmall {
  margin: 0;
}

.questionbank .singleselect {
  margin: 0;
}

/* Question editing form */

#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}

#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}

#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-right: 0.3em;
  margin-left: 0.3em;
}

body.path-question-type .fitem_fgroup .accesshide {
  font: inherit;
  right: 0;
  position: static;
  padding-left: .3em;
  width: auto;
  height: auto;
}

.que {
  clear: right;
  text-align: right;
  margin: 0 auto 1.8em auto;
}

.que .info {
  float: right;
  width: 7em;
  padding: 0.5em;
  margin-bottom: 1.8em;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-radius: 2px;
}

.que h3.no {
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}

.que span.qno {
  font-size: 1.5em;
  font-weight: bold;
}

.que .info > div {
  font-size: 0.8em;
  margin-top: 0.7em;
}

body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}

.que .info .questionflag.editable {
  cursor: pointer;
}

.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
  vertical-align: bottom;
}

.que .content {
  margin: 0 8.5em 0 0;
}

.que .formulation,
.que .outcome,
.que .comment {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.que .formulation h4,
.que .outcome h4,
.que .comment h4 {
  margin-top: 0;
  color: inherit;
}

.que .formulation .alert-link,
.que .outcome .alert-link,
.que .comment .alert-link {
  font-weight: bold;
}

.que .formulation > p,
.que .outcome > p,
.que .comment > p,
.que .formulation > ul,
.que .outcome > ul,
.que .comment > ul {
  margin-bottom: 0;
}

.que .formulation > p + p,
.que .outcome > p + p,
.que .comment > p + p {
  margin-top: 5px;
}

.que .formulation {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  color: #333333;
}

.que .formulation hr {
  border-top-color: #a6e1ec;
}

.que .formulation .alert-link {
  color: #245269;
}

.formulation input[type="text"],
.formulation select {
  width: auto;
  vertical-align: baseline;
}

.path-mod-quiz input[size] {
  width: auto;
}

.que .comment {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.que .comment hr {
  border-top-color: #c9e2b3;
}

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

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

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

.que .ablock {
  margin: 0.7em 0 0.3em 0;
}

.que .im-controls {
  margin-top: 0.5em;
  text-align: right;
}

.que .specificfeedback,
.que .generalfeedback,
.que .rightanswer,
.que .im-feedback,
.que .feedback,
.que p {
  margin: 0 0 0.5em;
}

.que .qtext {
  margin-bottom: 1.5em;
}

.que .correctness {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.que .correctness:hover,
a.que .correctness:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.que .correctness:empty {
  display: none;
}

.btn .que .correctness {
  position: relative;
  top: -1px;
}

.que .correctness.correct {
  background-color: #5cb85c;
}

.que .correctness.partiallycorrect {
  background-color: #f0ad4e;
}

.que .correctness.notanswered,
.que .correctness.incorrect {
  background-color: #d9534f;
}

.que .validationerror {
  color: #a94442;
}

.formulation .correct {
  background-color: #dff0d8;
}

.formulation .partiallycorrect {
  background-color: #fcf8e3;
}

.formulation .incorrect {
  background-color: #f2dede;
}

.formulation select.correct,
.formulation input.correct {
  color: #3c763d;
  background-color: #dff0d8;
  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);
}

.formulation select.correct:focus,
.formulation input.correct: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;
}

.formulation select.partiallycorrect,
.formulation input.partiallycorrect {
  color: #8a6d3b;
  background-color: #fcf8e3;
  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);
}

.formulation select.partiallycorrect:focus,
.formulation input.partiallycorrect: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;
}

.formulation select.incorrect,
.formulation input.incorrect {
  color: #a94442;
  background-color: #f2dede;
  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);
}

.formulation select.incorrect:focus,
.formulation input.incorrect: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;
}

.que .grading,
.que .comment,
.que .commentlink,
.que .history {
  margin-top: 0.5em;
}

.que .history h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
}

.que .history table {
  width: 100%;
  margin: 0;
}

.que .history .current {
  font-weight: bold;
}

.que .questioncorrectnessicon {
  vertical-align: text-bottom;
}

.que input.questionflagimage {
  padding-left: 3px;
}

.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}

.mform .que.comment .fitemtitle {
  width: 20%;
}

#page-question-preview #techinfo {
  margin: 1em 0;
}

#questionbank + .container {
  padding: 0;
}

#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: 0.5em;
}

#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
#page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0;
}

#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%;
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  margin: 0;
  background: transparent;
}

#page-mod-quiz-edit #categoryquestions > thead {
  background: #FFF;
}

#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
  background: #e4e4e4;
}

#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  padding: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent;
  /* Old browsers */
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #337ab7;
}

#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #23527c;
}

#page-mod-quiz-edit .createnewquestion {
  padding: 0.3em 0;
}

#page-mod-quiz-edit .createnewquestion div,
#page-mod-quiz-edit .createnewquestion input {
  margin: 0;
}

#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: #333333;
}

#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}

#page-mod-quiz-edit .categoryinfo {
  background-color: transparent;
  border-bottom: none;
}

#page-mod-quiz-edit .createnewquestion .singlebutton input {
  margin-bottom: 0;
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  background-color: transparent;
  margin: 0;
  border-top: 0;
  border-bottom: 0;
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
  padding: 0 0.3em;
}

#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #ffffff;
}

#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0em;
  border: none;
  background-color: #ffffff;
  position: static;
  width: 12.1em;
  float: left;
  margin-left: 60px;
}

#page-mod-quiz-edit div.question div.content div.points br {
  display: none;
}

#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}

#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: #333333;
}

#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}

#page-mod-quiz-edit .categoryinfo {
  background-color: #ffffff;
  border-bottom: none;
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  padding: 1em;
  background-color: transparent;
  margin: 0 -1.2em;
  border-top: none;
  border-bottom: none;
}

#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #ffffff;
}

#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0.5em;
  border: none;
  background-color: #ffffff;
}

#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}

#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #ffffff;
}

#page-mod-quiz-edit .quizpagedelete,
#page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}

#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: 0.3em 0;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
  padding: 0;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
  display: block;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
  display: none;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
  margin-right: -0.3em;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
  margin-right: 0.3em;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
  margin-right: 0;
  margin-bottom: 0.3em;
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
  margin-right: 5px;
}

.questionbankwindow .module {
  width: auto;
}

#page-mod-quiz-edit div.editq div.question div.content {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.9em;
}

a#hidebankcmd {
  color: #337ab7;
}

.que.shortanswer .answer {
  padding: 0;
}

.que label {
  display: inline;
  font-weight: normal;
}

.path-question-type #id_answerhdr .fitem_feditor .felement {
  margin-right: 0px;
  margin-left: 0px;
}

body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}

/* user.less */

.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}

.userprofile .page-context-header {
  margin-bottom: 10px;
}

.userprofile .description {
  margin-top: 10px;
  margin-bottom: 30px;
}

.userprofile .profile_tree {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.userprofile .profile_tree section {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 15px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.userprofile .profile_tree section h3 {
  font-size: 18px;
  line-height: 1.42857143;
}

@media (min-width: 768px) {
  .userprofile dl.list dt {
    float: right;
    width: 160px;
    clear: right;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .userprofile dl.list dd {
    margin-right: 180px;
  }
}

.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: right;
  clear: none;
}

#page-user-profile .node_category ul,
.path-user .node_category ul {
  margin-right: 0;
  margin-left: 0;
  list-style: none;
}

#page-user-profile .node_category li,
.path-user .node_category li {
  margin-top: 5px;
}

#page-user-profile .node_category .editprofile,
.path-user .node_category .editprofile,
#page-user-profile .node_category .viewmore,
.path-user .node_category .viewmore {
  text-align: left;
}

/**
 * This rule has been added to duplicate the style of icons with the
 * .iconsmall class for consistent rendering.
 *
 * Loading a pix icon using the template helper returns icons with
 * the class 'smallicon' instead of 'iconsmall'.
 */

#page-user-profile .ajax-contact-button img.smallicon {
  margin: 0;
  padding: 0.3em;
  height: 12px;
  width: 12px;
  vertical-align: middle;
}

.ajax-contact-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.ajax-contact-button.loading .loading-icon {
  display: block;
}

.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.ajax-contact-button .loading-icon .smallicon {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .userprofile .profile_tree {
    /** Display the profile on one column on phones. */
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

.userlist .action-icon img {
  vertical-align: middle;
}

.userlist #showall {
  margin: 10px 0;
}

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

.userlist .buttons label {
  padding: 0 3px;
}

.userlist table#participants {
  text-align: center;
}

.userlist table#participants td {
  text-align: right;
  padding: 4px;
  vertical-align: middle;
}

.userlist table#participants th {
  text-align: right;
  padding: 4px;
}

.userlist table.controls {
  width: 100%;
}

.userlist table.controls tr {
  vertical-align: top;
}

.userlist table.controls .right {
  text-align: left;
}

.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0;
}

.userlist table.controls .groupselector label {
  display: block;
}

.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}

.userinfobox .left,
.userinfobox .side {
  width: 100px;
  vertical-align: top;
}

.userinfobox .userpicture {
  width: 100px;
  height: 100px;
}

.userinfobox .content {
  vertical-align: top;
}

.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}

.userinfobox .links a {
  display: block;
}

.userinfobox .list td {
  padding: 3px;
}

.userinfobox .username {
  padding-bottom: 20px;
  font-weight: bold;
}

.userinfobox td.label {
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
}

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

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

.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}

.course-participation #showall {
  text-align: center;
  margin: 10px 0;
}

#user-policy .noticebox {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px;
}

#user-policy #policyframe {
  width: 100%;
  height: 100%;
}

.iplookup #map {
  margin: auto;
}

.userselector select {
  width: 100%;
}

.userselector div {
  margin-top: 0.2em;
}

.userselector div label {
  margin-left: 0.3em;
}

/* Next style does not work in all browsers but looks nicer when it does */

.userselector .userselector-infobelow {
  font-size: 0.8em;
}

#userselector_options {
  padding: 0.3em 0;
}

#userselector_options .collapsibleregioncaption {
  font-weight: bold;
}

#userselector_options p {
  margin: 0.2em 0;
  text-align: right;
}

/** user full profile */

#page-user-profile .messagebox {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/** user course profile */

#page-course-view-weeks .messagebox {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.profileeditor > .singleselect {
  margin: 0 0 0 0.5em;
}

.profileeditor > .singlebutton {
  display: inline-block;
  margin: 0 0.5em 0 0;
}

.profileeditor > .singlebutton div,
.profileeditor > .singlebutton input {
  margin: 0;
}

#groupeditform .groups,
#groupeditform .members {
  min-width: 175px;
  width: 49%;
  float: right;
  text-align: right;
}

#groupeditform .groups select,
#groupeditform .members select {
  min-width: 175px;
  max-width: 90%;
}

/** Preferences page */

.preferences-group ul {
  list-style: none;
  margin-right: 0;
  margin-left: 0;
}

/** BS3 only **/

.jsenabled .usermenu {
  float: right;
}

.jsenabled .usermenu .moodle-actionmenu .usertext {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  color: inherit;
}

.jsenabled .usermenu .moodle-actionmenu .usertext .meta,
.jsenabled .usermenu .moodle-actionmenu .usertext .role {
  display: block;
  font-size: 12px;
}

.jsenabled .usermenu .moodle-actionmenu .usertext .meta .value,
.jsenabled .usermenu .moodle-actionmenu .usertext .role .value {
  font-weight: bold;
}

.jsenabled .usermenu .moodle-actionmenu .usertext .role {
  font-weight: bold;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display {
  display: block;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
  padding: 7px;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu .usertext {
  margin-left: 3px;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
  display: inline-block;
  position: relative;
}

.jsenabled .usermenu .moodle-actionmenu > .menu {
  min-width: 160px;
}

.jsenabled .usermenu .moodle-actionmenu > .menu .filler {
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.jsenabled .usermenu .moodle-actionmenu.show {
  background-color: #e7e7e7;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu {
  padding: 5px 0;
  margin: 2px 0 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.jsenabled .usermenu .moodle-actionmenu.show .menu:before {
  content: '';
  display: inline-block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -7px;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu:after {
  content: '';
  display: inline-block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu a {
  border-radius: 0;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu a:focus {
  text-decoration: none;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
  color: #333333;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
  margin-top: 2px;
}

.jsenabled.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  position: relative;
  top: 12px;
  right: 42px;
  width: 25px;
  height: 25px;
}

.jsenabled.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  border-radius: 50%;
  border: 1px solid #fff;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.125);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.125);
  width: inherit;
  height: inherit;
}

.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}

.userprofile .description {
  margin-bottom: 20px;
}

.userprofile .profile_tree {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.userprofile .profile_tree section {
  display: inline-block;
  width: 100%;
}

.userprofile .header-button-group {
  float: left !important;
}

.userprofile .header-button-group .btn {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  margin-left: 5px;
}

.userprofile .header-button-group .btn:focus,
.userprofile .header-button-group .btn.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.userprofile .header-button-group .btn:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.userprofile .header-button-group .btn:active,
.userprofile .header-button-group .btn.active,
.open > .dropdown-toggle.userprofile .header-button-group .btn {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.userprofile .header-button-group .btn:active:hover,
.userprofile .header-button-group .btn.active:hover,
.open > .dropdown-toggle.userprofile .header-button-group .btn:hover,
.userprofile .header-button-group .btn:active:focus,
.userprofile .header-button-group .btn.active:focus,
.open > .dropdown-toggle.userprofile .header-button-group .btn:focus,
.userprofile .header-button-group .btn:active.focus,
.userprofile .header-button-group .btn.active.focus,
.open > .dropdown-toggle.userprofile .header-button-group .btn.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.userprofile .header-button-group .btn:active,
.userprofile .header-button-group .btn.active,
.open > .dropdown-toggle.userprofile .header-button-group .btn {
  background-image: none;
}

.userprofile .header-button-group .btn.disabled:hover,
.userprofile .header-button-group .btn[disabled]:hover,
fieldset[disabled] .userprofile .header-button-group .btn:hover,
.userprofile .header-button-group .btn.disabled:focus,
.userprofile .header-button-group .btn[disabled]:focus,
fieldset[disabled] .userprofile .header-button-group .btn:focus,
.userprofile .header-button-group .btn.disabled.focus,
.userprofile .header-button-group .btn[disabled].focus,
fieldset[disabled] .userprofile .header-button-group .btn.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

.userprofile .header-button-group .btn .badge {
  color: #ffffff;
  background-color: #333333;
}

.userprofile a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .userprofile dl.list dt {
    float: right;
    width: 160px;
    clear: right;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .userprofile dl.list dd {
    margin-right: 180px;
  }
}

.userprofile dd,
.userprofile dt {
  margin-right: 0px;
}

.userprofile ul {
  margin-right: 10px;
}

.userprofile ul > li ul {
  margin-right: 0;
}

#page-user-profile .node_category li,
.path-user .node_category li {
  list-style-type: none;
}

#page-user-profile .node_category li.contentnode,
.path-user .node_category li.contentnode {
  list-style-type: none;
}

.path-user .node_category:first-child li span {
  margin-bottom: 10px;
  display: block;
}

.page-context-header {
  overflow: hidden;
}

.page-context-header:after {
  clear: both;
}

.page-context-header .page-header-image {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.page-context-header .page-header-headings {
  display: table-cell;
  vertical-align: bottom;
}

.page-context-header .page-header-headings h1 {
  margin: 0;
}

.core_message-messenger-sendmessage-content .message-send {
  margin: 5px 0 0 5px;
}

.loginbox .loginform .form-group label {
  text-align: right;
  width: 100%;
  margin-bottom: 5px;
}

.loginbox .loginform .form-group .form-control {
  width: 100%;
  margin-bottom: 5px;
}

.loginbox .desc {
  line-height: 30px;
  color: #333333;
}

.loginbox .subcontent {
  padding: 0;
  margin: 0;
}

img.user-image {
  height: 100px;
  width: 100px;
}

#tag-search-box {
  text-align: center;
  margin: 10px auto;
}

.path-tag .tag-index-items .tagarea {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
}

.path-tag .tag-index-items .tagarea h3 {
  display: block;
  padding: 3px 0 10px 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  word-wrap: break-word;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px;
}

.path-tag .tagarea .controls:before,
.path-tag .tagarea .taggeditems:before,
.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
  content: " ";
  display: table;
}

.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
  clear: both;
}

.path-tag .tagarea .controls:before,
.path-tag .tagarea .taggeditems:before,
.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
  content: " ";
  display: table;
}

.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
  clear: both;
}

.path-tag .tagarea .controls,
.path-tag .tag-backtoallitems {
  text-align: center;
}

.path-tag .tagarea .controls .gotopage.nextpage {
  float: left;
}

.path-tag .tagarea .controls .gotopage.prevpage {
  float: right;
}

.path-tag .tagarea .controls .exclusivemode {
  display: inline-block;
}

.path-tag .tagarea .controls.controls-bottom {
  margin-top: 5px;
}

.path-tag .tagarea .controls .gotopage.nextpage::after {
  /*rtl:remove*/
  content: "»";
  /*rtl:raw:
    content: "«";
    */
  padding-left: 5px;
  padding-right: 5px;
}

.path-tag .tagarea .controls .gotopage.prevpage::before {
  /*rtl:remove*/
  content: "«";
  /*rtl:raw:
    content: "»";
    */
  padding-left: 5px;
  padding-right: 5px;
}

span.flagged-tag,
tr.flagged-tag,
span.flagged-tag a,
tr.flagged-tag a {
  color: #a94442;
}

.tag-management-table td,
.tag-management-table th {
  vertical-align: middle;
  padding: 4px;
}

.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px;
}

.path-admin-tag .addstandardtags {
  float: left;
}

.path-admin-tag .addstandardtags img {
  margin: 0 5px;
}

.path-tag .tag-relatedtags {
  padding-top: 10px;
}

.path-tag .tag-management-box {
  text-align: left;
}

.path-tag .tag-index-toc {
  padding: 10px;
  text-align: center;
}

.path-tag .tag-index-toc li,
.path-tag .tag-management-box li {
  margin-right: 5px;
  margin-left: 5px;
}

.path-tag .tag-management-box li a.edittag {
  background-image: url([[pix:moodle|i/settings]]);
}

.path-tag .tag-management-box li a.flagasinappropriate {
  background-image: url([[pix:moodle|i/flagged]]);
}

.path-tag .tag-management-box li a.removefrommyinterests {
  background-image: url([[pix:moodle|t/delete]]);
}

.path-tag .tag-management-box li a.addtomyinterests {
  background-image: url([[pix:moodle|t/add]]);
}

.path-tag .tag-management-box li a {
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 17px;
}

.tag_feed.media-list .media .itemimage {
  float: right;
}

.tag_feed.media-list .media .itemimage img {
  height: 35px;
  width: 35px;
}

.tag_feed.media-list .media .media-body {
  padding-left: 10px;
  padding-right: 10px;
}

.tag_feed .media .muted a {
  color: #777777;
}

.tag_cloud {
  text-align: center;
}

.tag_cloud .inline-list li {
  padding: 0 0.2em;
}

.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic;
}

.tag_cloud .s20 {
  font-size: 2.7em;
}

.tag_cloud .s19 {
  font-size: 2.6em;
}

.tag_cloud .s18 {
  font-size: 2.5em;
}

.tag_cloud .s17 {
  font-size: 2.4em;
}

.tag_cloud .s16 {
  font-size: 2.3em;
}

.tag_cloud .s15 {
  font-size: 2.2em;
}

.tag_cloud .s14 {
  font-size: 2.1em;
}

.tag_cloud .s13 {
  font-size: 2em;
}

.tag_cloud .s12 {
  font-size: 1.9em;
}

.tag_cloud .s11 {
  font-size: 1.8em;
}

.tag_cloud .s10 {
  font-size: 1.7em;
}

.tag_cloud .s9 {
  font-size: 1.6em;
}

.tag_cloud .s8 {
  font-size: 1.5em;
}

.tag_cloud .s7 {
  font-size: 1.4em;
}

.tag_cloud .s6 {
  font-size: 1.3em;
}

.tag_cloud .s5 {
  font-size: 1.2em;
}

.tag_cloud .s4 {
  font-size: 1.1em;
}

.tag_cloud .s3 {
  font-size: 1em;
}

.tag_cloud .s2 {
  font-size: 0.9em;
}

.tag_cloud .s1 {
  font-size: 0.8em;
}

.tag_cloud .s0 {
  font-size: 0.7em;
}

.tag_list ul {
  display: inline;
}

.tag_list.hideoverlimit .overlimit {
  display: none;
}

.tag_list .tagmorelink {
  display: none;
}

.tag_list.hideoverlimit .tagmorelink {
  display: inline;
}

.tag_list.hideoverlimit .taglesslink {
  display: none;
}

table.collection {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
}

table.collection > thead > tr > th,
table.collection > tbody > tr > th,
table.collection > tfoot > tr > th,
table.collection > thead > tr > td,
table.collection > tbody > tr > td,
table.collection > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table.collection > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

table.collection > caption + thead > tr:first-child > th,
table.collection > colgroup + thead > tr:first-child > th,
table.collection > thead:first-child > tr:first-child > th,
table.collection > caption + thead > tr:first-child > td,
table.collection > colgroup + thead > tr:first-child > td,
table.collection > thead:first-child > tr:first-child > td {
  border-top: 0;
}

table.collection > tbody + tbody {
  border-top: 2px solid #dddddd;
}

table.collection .table {
  background-color: #ffffff;
}

table.collection > thead > tr > th,
table.collection > tbody > tr > th,
table.collection > tfoot > tr > th,
table.collection > thead > tr > td,
table.collection > tbody > tr > td,
table.collection > tfoot > tr > td {
  border: 1px solid #dddddd;
}

table.collection > thead > tr > th,
table.collection > thead > tr > td {
  border-bottom-width: 2px;
}

table.collection > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

table.collection .name {
  text-align: right;
  vertical-align: middle;
}

table.collection .awards {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

table.collection .criteria {
  width: 40%;
  text-align: right;
  vertical-align: top;
}

table.collection .badgeimage,
table.collection .status {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

table.collection .description {
  width: 25%;
  text-align: right;
}

table.collection .actions {
  width: 11em;
  text-align: center;
  vertical-align: middle;
}

a.criteria-action {
  padding: 0px 3px;
  float: left;
}

table.issuedbadgebox {
  width: 750px;
  background-color: #fff;
}

table.badgeissuedimage {
  width: 150px;
  text-align: center;
}

table.badgeissuedinfo {
  width: 600px;
}

table.badgeissuedinfo .bvalue {
  text-align: right;
  vertical-align: middle;
}

table.badgeissuedinfo .bfield {
  width: 125px;
  text-align: right;
  font-style: italic;
}

ul.badges {
  margin: 0;
  list-style: none;
}

.badges li {
  position: relative;
  display: inline-block;
  padding-bottom: 2em;
  text-align: center;
  vertical-align: top;
  width: 150px;
}

.badges li .badge-name {
  display: block;
  padding: 5px;
}

.badges li > img {
  position: absolute;
}

.badges li .badge-image {
  width: 90px;
  height: 90px;
  right: 10px;
  top: 0px;
  z-index: 1;
}

.badges li .badge-actions {
  position: relative;
}

div.badge {
  position: relative;
  display: block;
}

div.badge .expireimage {
  width: 100px;
  height: 100px;
  right: 20px;
  top: 0px;
}

.expireimage {
  opacity: 0.85;
  filter: alpha(opacity=85);
  width: 90px;
  height: 90px;
  right: 30px;
  top: 0px;
  position: absolute;
  z-index: 10;
}

.badge-profile {
  vertical-align: top;
}

.connected {
  color: #3c763d;
}

.notconnected {
  color: #a94442;
}

.connecting {
  color: #8a6d3b;
}

#page-badges-award .recipienttable tr td {
  vertical-align: top;
}

#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: 0.3em 0;
  padding: 0.5em 0;
  width: 100%;
}

#page-badges-award .recipienttable tr td.existing,
#page-badges-award .recipienttable tr td.potential {
  width: 42%;
}

.statustable {
  margin-bottom: 0px;
}

.statusbox.active {
  background-color: #dff0d8;
}

.statusbox.inactive {
  background-color: #fcf8e3;
}

.activatebadge {
  margin: 0px;
  text-align: right;
  vertical-align: middle;
}

img#persona_signin {
  cursor: pointer;
}

.addcourse {
  float: left;
}

.container .moodleSkin img.mceIcon {
  display: block;
  height: auto;
  width: auto;
}

#region-bs-main-and-pre #region-main {
  padding-right: 0px;
}

/* Enrolment page */

.userenrolment .col_role {
  width: auto;
}

.dropdown-menu .userpicture {
  margin-right: -10px;
  margin-left: 7px;
}

.dropdown-menu .msg-body {
  display: inline-block;
  line-height: 20px;
  max-width: 175px;
  vertical-align: middle;
}

.dropdown-menu .msg-title {
  display: inline-block;
  line-height: 14px;
}

.dropdown-menu .msg-sender {
  color: #478fca;
}

.dropdown-menu .msg-time {
  color: #777;
  display: block;
  font-size: 11px;
}

.dropdown-menu [title="new"] {
  background-color: #e9f7fb;
}

.dropdown-menu .glyphicon {
  margin-left: 5px;
}

#adminthemeselector td img {
  max-width: 500px;
}

.block.invisible {
  border-color: #eaeaea;
}

.block.invisible .header {
  background-color: #70c8e2;
}

.block.invisible .header h2 {
  color: #666666;
}

.block .header {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.block .header > .dropdown .dropdown-toggle {
  color: inherit;
}

.block .header h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.block .header h2 > a,
.block .header h2 > small,
.block .header h2 > .small,
.block .header h2 > small > a,
.block .header h2 > .small > a {
  color: inherit;
}

.block .header .block_action {
  float: left;
}

.block .header .block_action img {
  vertical-align: baseline;
  margin: 0 2px;
}

.block .header .block_action .block-hider-show,
.block .header .block_action .block-hider-hide {
  cursor: pointer;
}

.block .header .block_action .block-hider-show {
  display: none;
}

.block .content {
  word-wrap: break-word;
  padding: 4px 14px;
}

.block .content hr {
  margin: 5px 0;
}

.block .content .userpicture {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}

.block .content .list li.listentry {
  clear: both;
}

.block .content .list .c0 {
  display: inline;
}

.block .content .list .c1 {
  margin-right: 5px;
  display: inline;
}

.block .content ul {
  padding: 0;
  list-style: outside none none;
}

.block .content > ul ul {
  margin-right: 10px;
}

.block .content p {
  margin: 0;
}

.block .footer {
  margin-bottom: 4px;
}

.block.beingmoved {
  border-width: 2px;
  border-style: dashed;
}

.block.hidden .header .block_action .block-hider-hide {
  display: none;
}

.block.hidden .header .block_action .block-hider-show {
  display: inline;
}

.block .blockannotation {
  font-size: 0.75em;
  margin: -1em 0 1em;
}

.block .singleselect select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.block .singleselect select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.block .singleselect select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.block .singleselect select:-ms-input-placeholder {
  color: #999999;
}

.block .singleselect select::-webkit-input-placeholder {
  color: #999999;
}

.block .singleselect select::-ms-expand {
  border: 0;
  background-color: transparent;
}

.block .singleselect select[disabled],
.block .singleselect select[readonly],
fieldset[disabled] .block .singleselect select {
  background-color: #eeeeee;
  opacity: 1;
}

.block .singleselect select[disabled],
fieldset[disabled] .block .singleselect select {
  cursor: not-allowed;
}

textarea.block .singleselect select {
  height: auto;
}

.editing .block .header .commands {
  clear: both;
  text-align: left;
}

.editing .block .header .commands > a {
  margin: 0 3px;
}

.editing .block .header .commands .icon img {
  width: 12px;
  height: 12px;
}

.editing .block .header .commands img.actionmenu {
  width: auto;
}

.jsenabled .block.hidden .content {
  display: none;
}

.block.list_block .unlist > li > .column {
  display: inline-block;
}

.blockmovetarget,
.block.beingmoved {
  border-width: 2px;
  border-style: dashed;
  display: block;
  height: 1em;
  margin-bottom: 20px;
}

.blockmovetarget {
  display: block;
  height: 1em;
  margin-bottom: 1em;
}

.block_calendar_upcoming .footer {
  margin-top: .5em;
}

.block_calendar_upcoming .content .date {
  padding-right: 22px;
}

.block_calendar_upcoming .content .footer {
  padding-top: 10px;
  padding-right: 0px;
}

.blogsearchform input[type="text"],
.searchform input[type="text"] {
  margin-bottom: 15px;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.blogsearchform input[type="text"]:focus,
.searchform input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.blogsearchform input[type="text"]::-moz-placeholder,
.searchform input[type="text"]::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.blogsearchform input[type="text"]:-ms-input-placeholder,
.searchform input[type="text"]:-ms-input-placeholder {
  color: #999999;
}

.blogsearchform input[type="text"]::-webkit-input-placeholder,
.searchform input[type="text"]::-webkit-input-placeholder {
  color: #999999;
}

.blogsearchform input[type="text"]::-ms-expand,
.searchform input[type="text"]::-ms-expand {
  border: 0;
  background-color: transparent;
}

.blogsearchform input[type="text"][disabled],
.searchform input[type="text"][disabled],
.blogsearchform input[type="text"][readonly],
.searchform input[type="text"][readonly],
fieldset[disabled] .blogsearchform input[type="text"],
fieldset[disabled] .searchform input[type="text"] {
  background-color: #eeeeee;
  opacity: 1;
}

.blogsearchform input[type="text"][disabled],
.searchform input[type="text"][disabled],
fieldset[disabled] .blogsearchform input[type="text"],
fieldset[disabled] .searchform input[type="text"] {
  cursor: not-allowed;
}

textarea.blogsearchform input[type="text"],
textarea.searchform input[type="text"] {
  height: auto;
}

.blogsearchform fieldset,
.searchform fieldset {
  width: 100%;
}

.block_calendar_upcoming .content .date {
  padding-right: 22px;
}

.block_calendar_upcoming .content .footer {
  margin-top: .5em;
  padding-top: 10px;
  padding-right: 0;
}

.block_rss_client .content li {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
}

.block_rss_client .content li .link {
  font-weight: inherit;
}

.block_rss_client .list li:first-child {
  border-top-width: 1px;
}

.block_myprofile .content .email {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.block_news_items .content .newlink {
  padding-bottom: 10px;
}

.block_news_items .content ul li {
  border-top: 1px solid #eeeeee;
  padding: 2px;
  display: table;
  width: 100%;
}

.block_news_items .content ul li .info {
  display: table-header-group;
}

.block_news_items .content ul li .date {
  font-size: 12px;
  display: inline;
}

.block_news_items .content ul li .name {
  font-size: 12px;
  padding-right: 1ex;
  display: inline;
}

.block_news_items .content .footer {
  padding-top: 10px;
  padding-right: 0px;
}

.block_myoverview {
  background-color: transparent;
}

.block_myoverview .event-list-item {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.block_myoverview .event-list-item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.block_myoverview .event-list-item .event-icon {
  vertical-align: middle;
}

.block_myoverview .event-list-item .event-icon::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.block_myoverview .event-list-item .event-name-container {
  vertical-align: middle;
  max-width: -webkit-calc(100% - 50px);
  max-width: calc(100% - 50px);
}

.block_myoverview .event-list-item .event-name-container .event-name {
  display: block;
}

.block_myoverview .empty-placeholder-image-sm {
  height: 50px;
}

.block_myoverview .empty-placeholder-image-lg {
  height: 125px;
}

.block_myoverview .courses-view-course-item {
  height: 220px;
  overflow-y: hidden;
}

.block_myoverview h4 {
  font-weight: normal;
}

.block_myoverview .well {
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-chart-container {
  height: 70px;
  width: 70px;
}

.progress-chart-container .progress-doughnut {
  position: relative;
  height: 70px;
  width: 70px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 15px solid #eeeeee;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.progress-chart-container .progress-doughnut .progress-text {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  right: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #eeeeee;
}

.progress-chart-container .progress-doughnut .progress-text.has-percent {
  color: #f89406;
}

.progress-chart-container .progress-doughnut .progress-indicator {
  position: absolute;
  top: -15px;
  right: -15px;
  height: 70px;
  width: 70px;
}

.progress-chart-container .progress-doughnut .progress-indicator svg {
  position: relative;
  height: 100%;
  width: 100%;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle {
  stroke-width: 15px;
  stroke: #f89406;
  fill: none;
  stroke-dasharray: 173;
  stroke-dashoffset: 173;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-1 {
  stroke-dashoffset: 171.27;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-2 {
  stroke-dashoffset: 169.54;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-3 {
  stroke-dashoffset: 167.81;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-4 {
  stroke-dashoffset: 166.08;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-5 {
  stroke-dashoffset: 164.35;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-6 {
  stroke-dashoffset: 162.62;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-7 {
  stroke-dashoffset: 160.89;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-8 {
  stroke-dashoffset: 159.16;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-9 {
  stroke-dashoffset: 157.43;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-10 {
  stroke-dashoffset: 155.7;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-11 {
  stroke-dashoffset: 153.97;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-12 {
  stroke-dashoffset: 152.24;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-13 {
  stroke-dashoffset: 150.51;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-14 {
  stroke-dashoffset: 148.78;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-15 {
  stroke-dashoffset: 147.05;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-16 {
  stroke-dashoffset: 145.32;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-17 {
  stroke-dashoffset: 143.59;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-18 {
  stroke-dashoffset: 141.86;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-19 {
  stroke-dashoffset: 140.13;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-20 {
  stroke-dashoffset: 138.4;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-21 {
  stroke-dashoffset: 136.67;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-22 {
  stroke-dashoffset: 134.94;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-23 {
  stroke-dashoffset: 133.21;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-24 {
  stroke-dashoffset: 131.48;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-25 {
  stroke-dashoffset: 129.75;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-26 {
  stroke-dashoffset: 128.02;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-27 {
  stroke-dashoffset: 126.29;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-28 {
  stroke-dashoffset: 124.56;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-29 {
  stroke-dashoffset: 122.83;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-30 {
  stroke-dashoffset: 121.1;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-31 {
  stroke-dashoffset: 119.37;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-32 {
  stroke-dashoffset: 117.64;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-33 {
  stroke-dashoffset: 115.91;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-34 {
  stroke-dashoffset: 114.18;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-35 {
  stroke-dashoffset: 112.45;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-36 {
  stroke-dashoffset: 110.72;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-37 {
  stroke-dashoffset: 108.99;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-38 {
  stroke-dashoffset: 107.26;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-39 {
  stroke-dashoffset: 105.53;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-40 {
  stroke-dashoffset: 103.8;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-41 {
  stroke-dashoffset: 102.07;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-42 {
  stroke-dashoffset: 100.34;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-43 {
  stroke-dashoffset: 98.61;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-44 {
  stroke-dashoffset: 96.88;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-45 {
  stroke-dashoffset: 95.15;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-46 {
  stroke-dashoffset: 93.42;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-47 {
  stroke-dashoffset: 91.69;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-48 {
  stroke-dashoffset: 89.96;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-49 {
  stroke-dashoffset: 88.23;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-50 {
  stroke-dashoffset: 86.5;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-51 {
  stroke-dashoffset: 84.77;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-52 {
  stroke-dashoffset: 83.04;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-53 {
  stroke-dashoffset: 81.31;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-54 {
  stroke-dashoffset: 79.58;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-55 {
  stroke-dashoffset: 77.85;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-56 {
  stroke-dashoffset: 76.12;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-57 {
  stroke-dashoffset: 74.39;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-58 {
  stroke-dashoffset: 72.66;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-59 {
  stroke-dashoffset: 70.93;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-60 {
  stroke-dashoffset: 69.2;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-61 {
  stroke-dashoffset: 67.47;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-62 {
  stroke-dashoffset: 65.74;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-63 {
  stroke-dashoffset: 64.01;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-64 {
  stroke-dashoffset: 62.28;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-65 {
  stroke-dashoffset: 60.55;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-66 {
  stroke-dashoffset: 58.82;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-67 {
  stroke-dashoffset: 57.09;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-68 {
  stroke-dashoffset: 55.36;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-69 {
  stroke-dashoffset: 53.63;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-70 {
  stroke-dashoffset: 51.9;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-71 {
  stroke-dashoffset: 50.17;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-72 {
  stroke-dashoffset: 48.44;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-73 {
  stroke-dashoffset: 46.71;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-74 {
  stroke-dashoffset: 44.98;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-75 {
  stroke-dashoffset: 43.25;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-76 {
  stroke-dashoffset: 41.52;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-77 {
  stroke-dashoffset: 39.79;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-78 {
  stroke-dashoffset: 38.06;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-79 {
  stroke-dashoffset: 36.33;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-80 {
  stroke-dashoffset: 34.6;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-81 {
  stroke-dashoffset: 32.87;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-82 {
  stroke-dashoffset: 31.14;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-83 {
  stroke-dashoffset: 29.41;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-84 {
  stroke-dashoffset: 27.68;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-85 {
  stroke-dashoffset: 25.95;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-86 {
  stroke-dashoffset: 24.22;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-87 {
  stroke-dashoffset: 22.49;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-88 {
  stroke-dashoffset: 20.76;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-89 {
  stroke-dashoffset: 19.03;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-90 {
  stroke-dashoffset: 17.3;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-91 {
  stroke-dashoffset: 15.57;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-92 {
  stroke-dashoffset: 13.84;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-93 {
  stroke-dashoffset: 12.11;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-94 {
  stroke-dashoffset: 10.38;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-95 {
  stroke-dashoffset: 8.65;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-96 {
  stroke-dashoffset: 6.92;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-97 {
  stroke-dashoffset: 5.19;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-98 {
  stroke-dashoffset: 3.46;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-99 {
  stroke-dashoffset: 1.73;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-100 {
  stroke-dashoffset: 0;
}

.progress-chart-container .no-progress {
  height: 70px;
  width: 70px;
  background-color: #eeeeee;
  border-radius: 50%;
  position: relative;
}

.progress-chart-container .no-progress .icon,
.progress-chart-container .no-progress .smallicon {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  right: 50%;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(-45%, -45%);
  -ms-transform: translate(-45%, -45%);
  -o-transform: translate(-45%, -45%);
  transform: translate(-45%, -45%);
  color: #fff;
  height: 35px;
  width: 35px;
}

.block_myoverview {
  background-color: transparent;
}

.block_myoverview .event-list-item {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.block_myoverview .event-list-item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.block_myoverview .event-list-item .event-icon {
  vertical-align: middle;
}

.block_myoverview .event-list-item .event-icon::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.block_myoverview .event-list-item .event-name-container {
  vertical-align: middle;
  max-width: -webkit-calc(100% - 50px);
  max-width: calc(100% - 50px);
}

.block_myoverview .event-list-item .event-name-container .event-name {
  display: block;
}

.block_myoverview .empty-placeholder-image-sm {
  height: 50px;
}

.block_myoverview .empty-placeholder-image-lg {
  height: 125px;
}

.block_myoverview .courses-view-course-item {
  height: 220px;
  overflow-y: hidden;
}

.block_myoverview h4 {
  font-weight: normal;
}

.block_myoverview .well {
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.block_login input#login_username,
.block_login input#login_password {
  width: 100%;
}

.block_login input[type="submit"] {
  width: 100%;
  margin-right: 0;
}

.mform .fitem .fitemtitle {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .mform .fitem .fitemtitle {
    float: right;
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  .mform .fitem .fitemtitle {
    float: right;
    width: 25%;
  }
}

.mform .fitem .fitemtitle label {
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 7px;
  display: inline-block;
  font-weight: 700;
}

.mform .fitem .felement {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .mform .fitem .felement {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 1200px) {
  .mform .fitem .felement {
    float: right;
    width: 75%;
  }
}

.mform .fitem .felement select,
.mform .fitem .felement input[type="text"],
.mform .fitem .felement input[type="password"],
.mform .fitem .felement textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.mform .fitem .felement select:focus,
.mform .fitem .felement input[type="text"]:focus,
.mform .fitem .felement input[type="password"]:focus,
.mform .fitem .felement textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.mform .fitem .felement select::-moz-placeholder,
.mform .fitem .felement input[type="text"]::-moz-placeholder,
.mform .fitem .felement input[type="password"]::-moz-placeholder,
.mform .fitem .felement textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.mform .fitem .felement select:-ms-input-placeholder,
.mform .fitem .felement input[type="text"]:-ms-input-placeholder,
.mform .fitem .felement input[type="password"]:-ms-input-placeholder,
.mform .fitem .felement textarea:-ms-input-placeholder {
  color: #999999;
}

.mform .fitem .felement select::-webkit-input-placeholder,
.mform .fitem .felement input[type="text"]::-webkit-input-placeholder,
.mform .fitem .felement input[type="password"]::-webkit-input-placeholder,
.mform .fitem .felement textarea::-webkit-input-placeholder {
  color: #999999;
}

.mform .fitem .felement select::-ms-expand,
.mform .fitem .felement input[type="text"]::-ms-expand,
.mform .fitem .felement input[type="password"]::-ms-expand,
.mform .fitem .felement textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}

.mform .fitem .felement select[disabled],
.mform .fitem .felement input[type="text"][disabled],
.mform .fitem .felement input[type="password"][disabled],
.mform .fitem .felement textarea[disabled],
.mform .fitem .felement select[readonly],
.mform .fitem .felement input[type="text"][readonly],
.mform .fitem .felement input[type="password"][readonly],
.mform .fitem .felement textarea[readonly],
fieldset[disabled] .mform .fitem .felement select,
fieldset[disabled] .mform .fitem .felement input[type="text"],
fieldset[disabled] .mform .fitem .felement input[type="password"],
fieldset[disabled] .mform .fitem .felement textarea {
  background-color: #eeeeee;
  opacity: 1;
}

.mform .fitem .felement select[disabled],
.mform .fitem .felement input[type="text"][disabled],
.mform .fitem .felement input[type="password"][disabled],
.mform .fitem .felement textarea[disabled],
fieldset[disabled] .mform .fitem .felement select,
fieldset[disabled] .mform .fitem .felement input[type="text"],
fieldset[disabled] .mform .fitem .felement input[type="password"],
fieldset[disabled] .mform .fitem .felement textarea {
  cursor: not-allowed;
}

textarea.mform .fitem .felement select,
textarea.mform .fitem .felement input[type="text"],
textarea.mform .fitem .felement input[type="password"],
textarea.mform .fitem .felement textarea {
  height: auto;
}

.mform .fitem .felement textarea {
  height: auto;
}

.mform .fitem select[multiple],
.mform .fitem select[size] {
  height: auto;
}

.mform .fitem .felement.fautocomplete input[type="text"] {
  display: inline-block;
}

.mform .fitem .felement.fduration input[type="text"] {
  min-width: 0;
  width: 5em;
  display: inline-block;
}

.mform .fitem .felement.fduration select,
.mform .fitem .felement.fdate_selector select,
.mform .fitem .felement.fdate_time_selector select,
.mform .fitem .felement.fgroup select {
  width: auto;
  display: inline-block;
  min-width: 60px;
}

.mform .fitem .felement.fduration select[size],
.mform .fitem .felement.fdate_selector select[size],
.mform .fitem .felement.fdate_time_selector select[size],
.mform .fitem .felement.fgroup select[size],
.mform .fitem .felement.fduration select[multiple],
.mform .fitem .felement.fdate_selector select[multiple],
.mform .fitem .felement.fdate_time_selector select[multiple],
.mform .fitem .felement.fgroup select[multiple] {
  height: auto;
}

.mform .fitem .felement.fduration label,
.mform .fitem .felement.fdate_selector label,
.mform .fitem .felement.fdate_time_selector label,
.mform .fitem .felement.fgroup label {
  display: inline-block;
}

.mform .fitem .felement.fgroup input[type="text"] {
  min-width: unset;
  display: inline;
}

.mform .fitem_actionbuttons {
  margin-bottom: 15px;
  margin-right: -15px;
  margin-left: -15px;
}

.mform .fitem_actionbuttons > div.felement {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .mform .fitem_actionbuttons > div.felement {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 992px) {
  .mform .fitem_actionbuttons > div.felement {
    margin-right: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  .mform .fitem_actionbuttons > div.felement {
    float: right;
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .mform .fitem_actionbuttons > div.felement {
    margin-right: 25%;
  }
}

.mform fieldset .advancedbutton {
  text-align: left;
}

.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}

.mform .containsadvancedelements .advanced.show {
  display: block !important;
}

.mform fieldset.group {
  margin-bottom: 0;
}

.mform span.error {
  background-color: #f2dede;
  color: #a94442;
}

.mform fieldset.error {
  border: 1px solid #ebccd1;
}

.mform fieldset.collapsible legend a.fheader {
  padding: 0 20px 0 5px;
  margin-right: -20px;
  background-image: url([[pix:t/expanded]]);
  background-repeat: no-repeat;
  background-position: right;
}

.mform fieldset.collapsed legend a.fheader {
  background-image: url([[pix:t/collapsed_rtl]]);
}

.jsenabled .mform .collapsed .fcontainer {
  display: none;
}

.mform legend a,
.mform legend a:hover {
  color: #333333;
  text-decoration: none;
}

.mform label .req,
.mform label .adv {
  cursor: help;
}

.mform label .req > .icon,
.mform label .adv > .icon {
  width: 8px;
  height: 12px;
  margin-right: 3px;
}

.mform .iconhelp {
  margin-right: 4px;
}

.form-item .form-label {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .form-item .form-label {
    float: right;
    width: 33.33333333%;
  }
}

.form-item .form-label label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-item .form-setting {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .form-item .form-setting {
    float: right;
    width: 66.66666667%;
  }
}

.form-item .form-setting select,
.form-item .form-setting input[type="text"],
.form-item .form-setting input[type="password"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-item .form-setting select:focus,
.form-item .form-setting input[type="text"]:focus,
.form-item .form-setting input[type="password"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-item .form-setting select::-moz-placeholder,
.form-item .form-setting input[type="text"]::-moz-placeholder,
.form-item .form-setting input[type="password"]::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-item .form-setting select:-ms-input-placeholder,
.form-item .form-setting input[type="text"]:-ms-input-placeholder,
.form-item .form-setting input[type="password"]:-ms-input-placeholder {
  color: #999999;
}

.form-item .form-setting select::-webkit-input-placeholder,
.form-item .form-setting input[type="text"]::-webkit-input-placeholder,
.form-item .form-setting input[type="password"]::-webkit-input-placeholder {
  color: #999999;
}

.form-item .form-setting select::-ms-expand,
.form-item .form-setting input[type="text"]::-ms-expand,
.form-item .form-setting input[type="password"]::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-item .form-setting select[disabled],
.form-item .form-setting input[type="text"][disabled],
.form-item .form-setting input[type="password"][disabled],
.form-item .form-setting select[readonly],
.form-item .form-setting input[type="text"][readonly],
.form-item .form-setting input[type="password"][readonly],
fieldset[disabled] .form-item .form-setting select,
fieldset[disabled] .form-item .form-setting input[type="text"],
fieldset[disabled] .form-item .form-setting input[type="password"] {
  background-color: #eeeeee;
  opacity: 1;
}

.form-item .form-setting select[disabled],
.form-item .form-setting input[type="text"][disabled],
.form-item .form-setting input[type="password"][disabled],
fieldset[disabled] .form-item .form-setting select,
fieldset[disabled] .form-item .form-setting input[type="text"],
fieldset[disabled] .form-item .form-setting input[type="password"] {
  cursor: not-allowed;
}

textarea.form-item .form-setting select,
textarea.form-item .form-setting input[type="text"],
textarea.form-item .form-setting input[type="password"] {
  height: auto;
}

.form-item .form-setting select[size],
.form-item .form-setting select[multiple] {
  height: auto;
}

.form-item .form-setting .form-group {
  margin-bottom: 0;
}

.form-item .form-description {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  clear: right;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .form-item .form-description {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 992px) {
  .form-item .form-description {
    margin-right: 33.33333333%;
  }
}

form select,
form input[type="text"],
form input[type="password"],
form.atto_form input[type="url"],
select.singleselect {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  width: auto;
  max-width: 300px;
  display: inline;
  margin: 0 0 5px 0;
}

form select:focus,
form input[type="text"]:focus,
form input[type="password"]:focus,
form.atto_form input[type="url"]:focus,
select.singleselect:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

form select::-moz-placeholder,
form input[type="text"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form.atto_form input[type="url"]::-moz-placeholder,
select.singleselect::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

form select:-ms-input-placeholder,
form input[type="text"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
form.atto_form input[type="url"]:-ms-input-placeholder,
select.singleselect:-ms-input-placeholder {
  color: #999999;
}

form select::-webkit-input-placeholder,
form input[type="text"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form.atto_form input[type="url"]::-webkit-input-placeholder,
select.singleselect::-webkit-input-placeholder {
  color: #999999;
}

form select::-ms-expand,
form input[type="text"]::-ms-expand,
form input[type="password"]::-ms-expand,
form.atto_form input[type="url"]::-ms-expand,
select.singleselect::-ms-expand {
  border: 0;
  background-color: transparent;
}

form select[disabled],
form input[type="text"][disabled],
form input[type="password"][disabled],
form.atto_form input[type="url"][disabled],
select.singleselect[disabled],
form select[readonly],
form input[type="text"][readonly],
form input[type="password"][readonly],
form.atto_form input[type="url"][readonly],
select.singleselect[readonly],
fieldset[disabled] form select,
fieldset[disabled] form input[type="text"],
fieldset[disabled] form input[type="password"],
fieldset[disabled] form.atto_form input[type="url"],
fieldset[disabled] select.singleselect {
  background-color: #eeeeee;
  opacity: 1;
}

form select[disabled],
form input[type="text"][disabled],
form input[type="password"][disabled],
form.atto_form input[type="url"][disabled],
select.singleselect[disabled],
fieldset[disabled] form select,
fieldset[disabled] form input[type="text"],
fieldset[disabled] form input[type="password"],
fieldset[disabled] form.atto_form input[type="url"],
fieldset[disabled] select.singleselect {
  cursor: not-allowed;
}

textareaform select,
textareaform input[type="text"],
textareaform input[type="password"],
textareaform.atto_form input[type="url"],
textareaselect.singleselect {
  height: auto;
}

.path-admin .buttons,
.form-buttons {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: -15px;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .path-admin .buttons,
  .form-buttons {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 992px) {
  .path-admin .buttons,
  .form-buttons {
    margin-right: 33.33333333%;
  }
}

.path-admin .buttons .form-submit,
.form-buttons .form-submit {
  margin-right: 0;
}

.form-defaultinfo,
.form-label .form-shortname {
  color: #777777;
  font-size: 12px;
}

.form-setting .form-checkbox input {
  margin-top: 12px;
}

.fcheckbox > span > label,
.form-checkbox + label,
.form-multicheckbox label,
.unmask label {
  padding-right: 0.3em;
  padding-left: 0.3em;
}

@media (min-width: 992px) {
  .mform .fitemtitle,
  .form-label {
    text-align: left;
  }

  .mform .fitemtitle .form-shortname,
  .form-label .form-shortname {
    display: block;
  }

  .form-setting .form-multicheckbox,
  .fitem_fcheckbox .fcheckbox {
    padding-top: 8px;
  }

  .mform .fitem_actionbuttons > div.felement {
    padding-right: 10px;
  }

  .form-buttons .form-submit {
    margin-right: -5px;
  }

  .form-item .form-setting > input[type="text"],
  .mform .fcontainer .fitem .felement > input[type="text"],
  .form-item .form-setting > input[type="password"],
  .mform .fcontainer .fitem .felement > input[type="password"] {
    width: auto;
    margin-bottom: 5px;
  }

  .form-item .form-setting textarea,
  .mform .fcontainer .fitem .felement textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -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);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: auto;
  }

  .form-item .form-setting textarea:focus,
  .mform .fcontainer .fitem .felement textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }

  .form-item .form-setting textarea::-moz-placeholder,
  .mform .fcontainer .fitem .felement textarea::-moz-placeholder {
    color: #999999;
    opacity: 1;
  }

  .form-item .form-setting textarea:-ms-input-placeholder,
  .mform .fcontainer .fitem .felement textarea:-ms-input-placeholder {
    color: #999999;
  }

  .form-item .form-setting textarea::-webkit-input-placeholder,
  .mform .fcontainer .fitem .felement textarea::-webkit-input-placeholder {
    color: #999999;
  }

  .form-item .form-setting textarea::-ms-expand,
  .mform .fcontainer .fitem .felement textarea::-ms-expand {
    border: 0;
    background-color: transparent;
  }

  .form-item .form-setting textarea[disabled],
  .mform .fcontainer .fitem .felement textarea[disabled],
  .form-item .form-setting textarea[readonly],
  .mform .fcontainer .fitem .felement textarea[readonly],
  fieldset[disabled] .form-item .form-setting textarea,
  fieldset[disabled] .mform .fcontainer .fitem .felement textarea {
    background-color: #eeeeee;
    opacity: 1;
  }

  .form-item .form-setting textarea[disabled],
  .mform .fcontainer .fitem .felement textarea[disabled],
  fieldset[disabled] .form-item .form-setting textarea,
  fieldset[disabled] .mform .fcontainer .fitem .felement textarea {
    cursor: not-allowed;
  }

  textarea.form-item .form-setting textarea,
  textarea.mform .fcontainer .fitem .felement textarea {
    height: auto;
  }

  #page-mod-quiz-mod #id_reviewoptionshdr .fitem.fitem_fgroup {
    font-size: 12px;
  }

  #page-mod-quiz-mod #id_reviewoptionshdr .fitem.fitem_fgroup .fitemtitle {
    min-height: 3.5em;
  }
}

@media (max-width: 991px) {
  #page-mod-quiz-mod #id_reviewoptionshdr .fitem.fitem_fgroup {
    float: none;
    width: 100%;
  }
}

.mform .felement.fstatic,
.form-item .form-description {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  margin-top: 0;
  margin-bottom: 0;
}

.mform .felement.fstatic p:last-child,
.form-item .form-description p:last-child {
  margin-bottom: 0;
}

.invisiblefieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border-width: 0;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 4px;
}

/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */

#fitem_id_availabilityconditionsjson {
  /* Hidden eye icon still takes up space. */
  /* Eye icons in front of child lists are aligned specially. */
  /* Add button lines up with child elements. */
  /* Nested section is grey. */
  /* Second (and more) levels of nested sections are white. */
  /* Connecting text needs to be indented. */
}

#fitem_id_availabilityconditionsjson *[aria-hidden=true] {
  display: none;
}

#fitem_id_availabilityconditionsjson select,
#fitem_id_availabilityconditionsjson input[type=text] {
  width: auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 4px 6px;
}

#fitem_id_availabilityconditionsjson label {
  display: inline;
}

#fitem_id_availabilityconditionsjson .availability-group {
  margin: 5px;
}

#fitem_id_availabilityconditionsjson .availability-item {
  margin-bottom: 6px;
}

#fitem_id_availabilityconditionsjson .availability-header {
  padding: 5px;
}

#fitem_id_availabilityconditionsjson .availability-plugincontrols {
  padding: 5px;
  margin: 0 8px;
  background: none repeat scroll 0% 0% #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  display: inline-block;
}

#fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
  display: inline;
  visibility: hidden;
}

#fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
  vertical-align: top;
  margin-top: 12px;
}

#fitem_id_availabilityconditionsjson .availability-button {
  margin-right: 15px;
}

#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
  display: inline-block;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 6px;
  margin-bottom: 6px;
}

#fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
  background: white;
}

#fitem_id_availabilityconditionsjson .availability-connector {
  margin-right: 20px;
  margin-bottom: 6px;
}

/* This dialogue is used to add an availability condition. */

.availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 2px;
}

.availability-dialogue ul {
  display: block;
  margin: 0;
}

.availability-dialogue li {
  display: block;
  list-style-type: none;
  padding: 0 0 4px;
  clear: both;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 4px;
}

.availability-dialogue ul button {
  float: right;
  margin: 0 10px;
  min-width: 140px;
  margin-top: 4px;
  display: inline;
}

.availability-dialogue label {
  margin-bottom: 0;
  display: block;
}

.availability-dialogue .availability-buttons button {
  margin-right: 1em;
  margin-left: 1em;
  margin-top: 4px;
}

/* Custom styles for autocomplete form element */

.form-autocomplete-selection {
  margin: 0.2em;
  min-height: 21px;
}

.form-autocomplete-selection .label-info {
  display: inline-block;
}

.form-autocomplete-multiple [role=listitem] {
  cursor: pointer;
}

.form-autocomplete-suggestions {
  position: absolute;
  background-color: white;
  border: 2px solid #eeeeee;
  border-radius: 3px;
  min-width: 206px;
  max-height: 20.4em;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  z-index: 1;
}

.form-autocomplete-suggestions li {
  list-style-type: none;
  padding: 0.2em;
  margin: 0;
  cursor: pointer;
  color: #333333;
}

.form-autocomplete-suggestions li:hover {
  background-color: #64a0d3;
  color: #ffffff;
}

.form-autocomplete-suggestions li[aria-selected=true] {
  background-color: #f2f2f2;
  color: #555555;
}

.form-autocomplete-downarrow {
  color: #333333;
  position: relative;
  right: -1.5em;
  cursor: pointer;
}

.form-autocomplete-downarrow.dir-rtl {
  left: -1.5em;
  right: inherit;
}

.form-autocomplete-selection [data-active-selection=true] {
  padding: 0.5em;
  font-size: large;
}

textarea[data-auto-rows] {
  overflow-x: hidden;
}

/* modules.less */

select {
  width: auto;
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
  display: table-cell;
  float: none;
  border-top: 1px solid #ddd;
  padding: 8px 0;
}

.path-mod-feedback .mform.feedback_form .fitem .fitemtitle {
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: right;
  width: 100%;
}

.path-mod-feedback .mform.feedback_form .fitem .felement {
  margin-right: 0;
  width: 100%;
  float: right;
  padding-right: 0;
  padding-left: 0;
}

.path-mod-feedback .mform.feedback_form .fitem .fstatic:empty {
  display: none;
}

.path-mod-feedback .mform.feedback_form .fitem .fcheckbox > span,
.path-mod-feedback .mform.feedback_form .fitem .fradio > span,
.path-mod-feedback .mform.feedback_form .fitem .fgroup > span {
  margin-top: 4px;
}

body.path-mod-feedback #region-main .mform.feedback_form .femptylabel .fitemtitle {
  display: inline-block;
  width: auto;
  margin-left: 0;
}

.path-mod-feedback .mform.feedback_form .femptylabel .felement {
  display: inline-block;
  margin-top: 4px;
  padding-top: 5px;
  width: auto;
}

body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement {
  width: 100%;
}

.path-mod-feedback .mform.feedback_form .fitem_fcheckbox .fitemtitle,
.path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement {
  display: inline-block;
  width: auto;
}

.path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement {
  padding: 6px;
}

.path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement {
  background: #fbfbf1;
  min-height: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border: 1px solid #ddd;
}

.path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty {
  display: inherit;
}

.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover {
  background: #f5f5f5;
}

.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label {
  width: 100%;
}

.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle {
  position: relative;
  width: 100%;
}

.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd,
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname {
  float: right;
}

.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions {
  float: left;
}

.path-mod-forum .forumsearch input,
.path-mod-forum .forumsearch .helptooltip {
  margin: 0 3px;
}

.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
  border: none;
}

.path-mod-forum .forumheaderlist thead .header,
.path-mod-forum .forumheaderlist tbody .discussion td {
  white-space: normal;
  vertical-align: top;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.path-mod-forum .forumheaderlist thead .header {
  white-space: normal;
  vertical-align: top;
}

.path-mod-forum .forumheaderlist thead .header.replies {
  text-align: center;
}

.path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: left;
}

.path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
  width: 16px;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.path-mod-forum .forumheaderlist .discussion .author,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: normal;
}

.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .replies {
  text-align: center;
}

.path-mod-forum .forumheaderlist .discussion .topic,
.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .topic.starter,
.path-mod-forum .forumheaderlist .discussion .author,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  vertical-align: top;
}

.path-mod-forum .forumheaderlist .discussion .picture {
  margin: 0 20px;
  float: right;
}

.path-mod-forum .forumheaderlist .discussion .unread img {
  margin: 0;
}

.forumpost {
  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);
  padding: 6px;
}

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

.forumpost .header {
  margin-bottom: 3px;
}

.forumpost .picture img {
  margin: 3px;
}

.forumpost .picture img.userpicture {
  margin-right: 3px;
  margin-left: 10px;
}

.forumpost .content .posting.fullpost {
  margin-top: 8px;
}

.forumpost .row .topic,
.forumpost .row .content-mask,
.forumpost .row .options {
  margin-right: 48px;
}

.forumpost .row.side {
  clear: both;
}

.forumpost .row .left {
  width: 48px;
}

.forumpost .options .commands {
  margin-right: 0;
}

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

.forumsearch input[type=text] {
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}

#page-mod-forum-discuss .discussioncontrols {
  width: auto;
  margin: 0;
}

#page-footer {
  margin-top: 1em;
  padding: 1em 0;
  border-top: 2px solid #dddddd;
}

.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
  border: 1px dotted #dddddd;
}

.path-grade-report-grader h1 {
  text-align: inherit;
}

#page-mod-chat-gui_basic input#message {
  max-width: 100%;
}

#page-mod-data-view #singleimage {
  width: auto;
}

.path-mod-data form {
  margin-top: 10px;
}

.path-mod-data table.mod-data-default-template th,
.path-mod-data table.mod-data-default-template td {
  padding: 5px;
}

.template_heading {
  margin-top: 10px;
}

.breadcrumb-button {
  float: left;
  margin-top: 4px;
}

.navbar-inverse .logininfo a {
  color: #9d9d9d;
}

.navbar-inverse .logininfo a:hover {
  background-color: transparent;
  color: #ffffff;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  z-index: 4030;
}

@media (max-width: 768px) {
  .navbar-collapse.collapse,
  .navbar-collapse.collapsing {
    margin-top: 50px;
  }

  .navbar-collapse.collapse .nav,
  .navbar-collapse.collapsing .nav {
    float: none !important;
  }
}

.langmenu form {
  margin: 0;
}

.container-fluid {
  max-width: 1680px;
  margin: 0 auto;
}

canvas {
  -ms-touch-action: auto;
}

div#dock {
  display: none;
}

.path-mod-choice .horizontal .choices {
  margin: 0;
}

.path-mod-choice .horizontal .choices .option {
  display: inline-block;
  padding: 10px;
}

.path-mod-choice .results .data {
  white-space: normal;
}

.path-mod-lesson .firstpageoptions {
  margin: auto;
  min-width: 280px;
  width: 60%;
}

.path-mod-lesson .centerpadded {
  padding: 5px;
  text-align: center;
}

.path-mod-wiki .wiki_headingtitle,
.path-mod-wiki .midpad,
.path-mod-wiki .wiki_headingtime {
  text-align: inherit;
}

.path-mod-wiki .wiki_contentbox {
  width: 100%;
}

.path-mod-quiz .questioncontainer input[type="text"] {
  height: 1.5em;
}

.path-mod-survey .surveytable .r1 {
  background-color: #f9f9f9;
}

.path-mod-survey .surveytable .rblock label {
  text-align: center;
}

.path-mod-survey .resultgraph,
.path-mod-survey .reportsummary,
.path-mod-survey .studentreport,
.path-mod-survey .reportbuttons,
.path-mod-survey .centerpara {
  text-align: center;
}

.path-mod-assign .assignfeedback_editpdf_widget .pageheader button,
.path-mod-assign .assignfeedback_editpdf_widget .pageheader select {
  padding: 3px 7px;
  height: 28px;
  line-height: 24px;
}

.path-mod-assign a.btn {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.path-mod-assign a.btn:focus,
.path-mod-assign a.btn.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.path-mod-assign a.btn:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.path-mod-assign a.btn:active,
.path-mod-assign a.btn.active,
.open > .dropdown-toggle.path-mod-assign a.btn {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.path-mod-assign a.btn:active:hover,
.path-mod-assign a.btn.active:hover,
.open > .dropdown-toggle.path-mod-assign a.btn:hover,
.path-mod-assign a.btn:active:focus,
.path-mod-assign a.btn.active:focus,
.open > .dropdown-toggle.path-mod-assign a.btn:focus,
.path-mod-assign a.btn:active.focus,
.path-mod-assign a.btn.active.focus,
.open > .dropdown-toggle.path-mod-assign a.btn.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.path-mod-assign a.btn:active,
.path-mod-assign a.btn.active,
.open > .dropdown-toggle.path-mod-assign a.btn {
  background-image: none;
}

.path-mod-assign a.btn.disabled:hover,
.path-mod-assign a.btn[disabled]:hover,
fieldset[disabled] .path-mod-assign a.btn:hover,
.path-mod-assign a.btn.disabled:focus,
.path-mod-assign a.btn[disabled]:focus,
fieldset[disabled] .path-mod-assign a.btn:focus,
.path-mod-assign a.btn.disabled.focus,
.path-mod-assign a.btn[disabled].focus,
fieldset[disabled] .path-mod-assign a.btn.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

.path-mod-assign a.btn .badge {
  color: #ffffff;
  background-color: #333333;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #fff;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  border: 0;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  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);
  border-radius: 0;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
  background-color: transparent;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
  border: 0;
  padding: 3px 15px;
  white-space: nowrap;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
  margin: 0 10px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
  width: 45%;
  margin: auto;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
  margin: 0 5px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
  padding: 10px 5px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
  margin-left: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: none;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
  margin: 20px 25px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
  text-align: center;
  margin: 10px 0;
  font-size: 12px;
  color: #777;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  background-color: #fff;
  border: 1px dotted #ddd;
  border-radius: 4px;
  padding: 4px 10px;
  margin: 10px 0;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  float: left;
  font-size: 11px;
  color: #777;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
  background-color: #f6f6f6;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
  font-weight: bold;
}

/* reports.less */

#page-report-participation-index .participationselectform div label {
  display: inline;
  margin: 0 0 0 5px;
}

.path-backup .mform .grouped_settings.section_level {
  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);
  padding: 10px 0 0 0;
  clear: both;
}

.path-backup .mform .grouped_settings.section_level blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
}

.path-backup .include_setting,
.path-backup .grouped_settings .normal_setting {
  display: inline-block;
}

.path-backup .include_setting.section_level label {
  font-weight: bold;
}

.path-backup .mform.unresponsive .fitem .fitemtitle {
  width: 260px;
}

.path-backup .mform.unresponsive .fitem .felement {
  margin-right: 280px;
  float: none;
  width: auto;
}

.path-backup .notification.dependencies_enforced {
  text-align: center;
  color: #a94442;
  font-weight: bold;
}

.path-backup .backup_progress {
  text-align: center;
}

.path-backup .backup_progress .backup_stage {
  color: #777777;
}

.path-backup .backup_progress .backup_stage.backup_stage_current {
  font-weight: bold;
  color: inherit;
}

.path-backup .backup_progress span.backup_stage.backup_stage_complete {
  color: inherit;
}

#page-backup-restore .filealiasesfailures {
  background-color: #f2dede;
}

#page-backup-restore .filealiasesfailures .aliaseslist {
  width: 90%;
  margin: 0.8em auto;
  background-color: #ffffff;
  border: 1px dotted #666;
}

.path-backup .fitem .smallicon {
  vertical-align: text-bottom;
}

.backup-restore .backup-section > h2.header,
.backup-restore .backup-section .backup-sub-section h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.42857143;
  font-size: 21px;
  line-height: 2.85714286;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.backup-restore .backup-section .noticebox {
  margin: 1em auto;
  width: 60%;
  text-align: center;
}

.backup-restore .backup-section.settings-section .detail-pair {
  width: 50%;
  display: inline-block;
}

.backup-restore .backup-section.settings-section .detail-pair-label {
  width: 65%;
}

.backup-restore .backup-section.settings-section .detail-pair-value {
  width: 25%;
}

.backup-restore .activitytable {
  min-width: 500px;
}

.backup-restore .activitytable .modulename {
  width: 100px;
}

.backup-restore .activitytable .moduleincluded {
  width: 50px;
}

.backup-restore .activitytable .userinfoincluded {
  width: 50px;
}

.backup-restore .detail-pair-label {
  display: inline-block;
  width: 25%;
  padding: 8px;
  margin: 0;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.backup-restore .detail-pair-value {
  display: inline-block;
  width: 65%;
  padding: 8px;
  margin: 0;
}

.backup-restore .detail-pair-value > .sub-detail {
  display: block;
  font-size: 12px;
  color: #777777;
}

.backup-restore > .singlebutton {
  text-align: left;
}

.path-backup .mform .fgroup .proceedbutton {
  float: left;
  margin-left: 5%;
}

.path-backup .mform .fgroup .oneclickbackup {
  float: left;
}

.restore-course-search .rcs-results {
  width: 70%;
  min-width: 400px;
}

.restore-course-search .rcs-results table {
  width: 100%;
  margin: 0;
  border-width: 0;
}

.restore-course-search .rcs-results table .no-overflow {
  max-width: 600px;
}

.restore-course-search .rcs-results .paging {
  text-align: right;
  margin: 0;
  background-color: #eee;
  padding: 3px;
}

.restore-course-category .rcs-results {
  width: 70%;
  min-width: 400px;
  border: 1px solid #ddd;
  margin: 5px 0;
}

.restore-course-category .rcs-results table {
  width: 100%;
  margin: 0;
  border-width: 0;
}

.restore-course-category .rcs-results table .no-overflow {
  max-width: 600px;
}

.restore-course-category .rcs-results .paging {
  text-align: right;
  margin: 0;
  background-color: #eee;
  padding: 3px;
}

.path-backup .wibbler {
  width: 500px;
  margin: 0 auto 10px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  position: relative;
  min-height: 4px;
}

.path-backup .wibbler .wibble {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  height: 4px;
}

.path-backup .wibbler .state0 {
  background: #eee;
}

.path-backup .wibbler .state1 {
  background: #ddd;
}

.path-backup .wibbler .state2 {
  background: #ccc;
}

.path-backup .wibbler .state3 {
  background: #bbb;
}

.path-backup .wibbler .state4 {
  background: #aaa;
}

.path-backup .wibbler .state5 {
  background: #999;
}

.path-backup .wibbler .state6 {
  background: #888;
}

.path-backup .wibbler .state7 {
  background: #777;
}

.path-backup .wibbler .state8 {
  background: #666;
}

.path-backup .wibbler .state9 {
  background: #555;
}

.path-backup .wibbler .state10 {
  background: #444;
}

.path-backup .wibbler .state11 {
  background: #333;
}

.path-backup .wibbler .state12 {
  background: #222;
}

.path-backup .backup_log {
  margin-top: 2em;
}

.path-backup .backup_log h2 {
  font-size: 1em;
}

.path-backup .backup_log_contents {
  border: 1px solid #ddd;
  padding: 10px;
  height: 300px;
  overflow-y: scroll;
}

.path-rating .ratingtable,
table.flexible,
.generaltable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.path-rating .ratingtable > thead > tr > th,
table.flexible > thead > tr > th,
.generaltable > thead > tr > th,
.path-rating .ratingtable > tbody > tr > th,
table.flexible > tbody > tr > th,
.generaltable > tbody > tr > th,
.path-rating .ratingtable > tfoot > tr > th,
table.flexible > tfoot > tr > th,
.generaltable > tfoot > tr > th,
.path-rating .ratingtable > thead > tr > td,
table.flexible > thead > tr > td,
.generaltable > thead > tr > td,
.path-rating .ratingtable > tbody > tr > td,
table.flexible > tbody > tr > td,
.generaltable > tbody > tr > td,
.path-rating .ratingtable > tfoot > tr > td,
table.flexible > tfoot > tr > td,
.generaltable > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.path-rating .ratingtable > thead > tr > th,
table.flexible > thead > tr > th,
.generaltable > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.path-rating .ratingtable > caption + thead > tr:first-child > th,
table.flexible > caption + thead > tr:first-child > th,
.generaltable > caption + thead > tr:first-child > th,
.path-rating .ratingtable > colgroup + thead > tr:first-child > th,
table.flexible > colgroup + thead > tr:first-child > th,
.generaltable > colgroup + thead > tr:first-child > th,
.path-rating .ratingtable > thead:first-child > tr:first-child > th,
table.flexible > thead:first-child > tr:first-child > th,
.generaltable > thead:first-child > tr:first-child > th,
.path-rating .ratingtable > caption + thead > tr:first-child > td,
table.flexible > caption + thead > tr:first-child > td,
.generaltable > caption + thead > tr:first-child > td,
.path-rating .ratingtable > colgroup + thead > tr:first-child > td,
table.flexible > colgroup + thead > tr:first-child > td,
.generaltable > colgroup + thead > tr:first-child > td,
.path-rating .ratingtable > thead:first-child > tr:first-child > td,
table.flexible > thead:first-child > tr:first-child > td,
.generaltable > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.path-rating .ratingtable > tbody + tbody,
table.flexible > tbody + tbody,
.generaltable > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.path-rating .ratingtable .table,
table.flexible .table,
.generaltable .table {
  background-color: #ffffff;
}

.path-rating .ratingtable > tbody > tr:nth-of-type(odd),
table#explaincaps > tbody > tr:nth-of-type(odd),
table#defineroletable > tbody > tr:nth-of-type(odd),
table.grading-report > tbody > tr:nth-of-type(odd),
table#listdirectories > tbody > tr:nth-of-type(odd),
table.rolecaps > tbody > tr:nth-of-type(odd),
table.userenrolment > tbody > tr:nth-of-type(odd),
table#form > tbody > tr:nth-of-type(odd),
form#movecourses table > tbody > tr:nth-of-type(odd),
#page-admin-course-index .editcourse > tbody > tr:nth-of-type(odd),
.forumheaderlist > tbody > tr:nth-of-type(odd),
table.flexible > tbody > tr:nth-of-type(odd),
.generaltable > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.user-enroller-panel .uep-search-results .users > tbody > tr:hover,
table.grading-report > tbody > tr:hover,
.forumheaderlist > tbody > tr:hover,
.generaltable > tbody > tr:hover,
table.flexible > tbody > tr:hover,
table#permissions > tbody > tr:hover {
  background-color: #f5f5f5;
}

#page-report-loglive-index .generaltable > thead > tr > th,
#page-admin-report-log-index .generaltable > thead > tr > th,
#page-report-log-index .generaltable > thead > tr > th,
#page-report-log-user .generaltable > thead > tr > th,
#page-admin-user table > thead > tr > th,
#page-report-loglive-index .generaltable > tbody > tr > th,
#page-admin-report-log-index .generaltable > tbody > tr > th,
#page-report-log-index .generaltable > tbody > tr > th,
#page-report-log-user .generaltable > tbody > tr > th,
#page-admin-user table > tbody > tr > th,
#page-report-loglive-index .generaltable > tfoot > tr > th,
#page-admin-report-log-index .generaltable > tfoot > tr > th,
#page-report-log-index .generaltable > tfoot > tr > th,
#page-report-log-user .generaltable > tfoot > tr > th,
#page-admin-user table > tfoot > tr > th,
#page-report-loglive-index .generaltable > thead > tr > td,
#page-admin-report-log-index .generaltable > thead > tr > td,
#page-report-log-index .generaltable > thead > tr > td,
#page-report-log-user .generaltable > thead > tr > td,
#page-admin-user table > thead > tr > td,
#page-report-loglive-index .generaltable > tbody > tr > td,
#page-admin-report-log-index .generaltable > tbody > tr > td,
#page-report-log-index .generaltable > tbody > tr > td,
#page-report-log-user .generaltable > tbody > tr > td,
#page-admin-user table > tbody > tr > td,
#page-report-loglive-index .generaltable > tfoot > tr > td,
#page-admin-report-log-index .generaltable > tfoot > tr > td,
#page-report-log-index .generaltable > tfoot > tr > td,
#page-report-log-user .generaltable > tfoot > tr > td,
#page-admin-user table > tfoot > tr > td {
  padding: 5px;
}

table.flexible .emptyrow {
  display: none;
}

.left_scroller .generaltable th,
.right_scroller .generaltable th,
.left_scroller .generaltable td,
.right_scroller .generaltable td {
  line-height: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.singlebutton div {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}

#notice .buttons .singlebutton {
  display: inline-block;
}

.continuebutton {
  text-align: center;
}

p.arrow_button {
  margin-top: 5em;
  text-align: center;
}

p.arrow_button #remove {
  margin: 3em auto 5em;
}

p.arrow_button input {
  display: block;
  width: 100%;
}

#addcontrols {
  margin-top: 2.14285714;
  text-align: center;
  margin-bottom: 3em;
}

#addcontrols label {
  display: inline;
}

#addcontrols input,
#removecontrols input {
  display: block;
  width: 100%;
  margin: auto;
}

.btn-lineup {
  margin: 0 5px 10px 0;
}

input[name="searchwikicontent"] + input[type="submit"],
select + input[type="submit"],
input[type="text"] + input[type="button"],
input[type="password"] + input[type="submit"],
input[type="text"] + button,
input[type="text"] + input[type="submit"] {
  margin: 0 5px 10px 0;
}

button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:active:focus,
input.form-submit:active:focus,
input[type="button"]:active:focus,
input[type="submit"]:active:focus,
input[type="reset"]:active:focus,
button.active:focus,
input.form-submit.active:focus,
input[type="button"].active:focus,
input[type="submit"].active:focus,
input[type="reset"].active:focus,
button.focus,
input.form-submit.focus,
input[type="button"].focus,
input[type="submit"].focus,
input[type="reset"].focus,
button:active.focus,
input.form-submit:active.focus,
input[type="button"]:active.focus,
input[type="submit"]:active.focus,
input[type="reset"]:active.focus,
button.active.focus,
input.form-submit.active.focus,
input[type="button"].active.focus,
input[type="submit"].active.focus,
input[type="reset"].active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button.focus,
input.form-submit.focus,
input[type="button"].focus,
input[type="submit"].focus,
input[type="reset"].focus {
  color: #333333;
  text-decoration: none;
}

button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active {
  outline: 0;
  background-image: none;
  -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);
}

button.disabled,
input.form-submit.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
fieldset[disabled] button,
fieldset[disabled] input.form-submit,
fieldset[disabled] input[type="button"],
fieldset[disabled] input[type="submit"],
fieldset[disabled] input[type="reset"] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

abutton.disabled,
ainput.form-submit.disabled,
ainput[type="button"].disabled,
ainput[type="submit"].disabled,
ainput[type="reset"].disabled,
fieldset[disabled] abutton,
fieldset[disabled] ainput.form-submit,
fieldset[disabled] ainput[type="button"],
fieldset[disabled] ainput[type="submit"],
fieldset[disabled] ainput[type="reset"] {
  pointer-events: none;
}

button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  margin: 0 5px 10px 0;
}

button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:active:focus,
input.form-submit:active:focus,
input[type="button"]:active:focus,
input[type="submit"]:active:focus,
input[type="reset"]:active:focus,
button.active:focus,
input.form-submit.active:focus,
input[type="button"].active:focus,
input[type="submit"].active:focus,
input[type="reset"].active:focus,
button.focus,
input.form-submit.focus,
input[type="button"].focus,
input[type="submit"].focus,
input[type="reset"].focus,
button:active.focus,
input.form-submit:active.focus,
input[type="button"]:active.focus,
input[type="submit"]:active.focus,
input[type="reset"]:active.focus,
button.active.focus,
input.form-submit.active.focus,
input[type="button"].active.focus,
input[type="submit"].active.focus,
input[type="reset"].active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button.focus,
input.form-submit.focus,
input[type="button"].focus,
input[type="submit"].focus,
input[type="reset"].focus {
  color: #333333;
  text-decoration: none;
}

button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active {
  outline: 0;
  background-image: none;
  -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);
}

button.disabled,
input.form-submit.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
fieldset[disabled] button,
fieldset[disabled] input.form-submit,
fieldset[disabled] input[type="button"],
fieldset[disabled] input[type="submit"],
fieldset[disabled] input[type="reset"] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

abutton.disabled,
ainput.form-submit.disabled,
ainput[type="button"].disabled,
ainput[type="submit"].disabled,
ainput[type="reset"].disabled,
fieldset[disabled] abutton,
fieldset[disabled] ainput.form-submit,
fieldset[disabled] ainput[type="button"],
fieldset[disabled] ainput[type="submit"],
fieldset[disabled] ainput[type="reset"] {
  pointer-events: none;
}

button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button.focus,
input.form-submit.focus,
input[type="button"].focus,
input[type="submit"].focus,
input[type="reset"].focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active,
.open > .dropdown-togglebutton,
.open > .dropdown-toggleinput.form-submit,
.open > .dropdown-toggleinput[type="button"],
.open > .dropdown-toggleinput[type="submit"],
.open > .dropdown-toggleinput[type="reset"] {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

button:active:hover,
input.form-submit:active:hover,
input[type="button"]:active:hover,
input[type="submit"]:active:hover,
input[type="reset"]:active:hover,
button.active:hover,
input.form-submit.active:hover,
input[type="button"].active:hover,
input[type="submit"].active:hover,
input[type="reset"].active:hover,
.open > .dropdown-togglebutton:hover,
.open > .dropdown-toggleinput.form-submit:hover,
.open > .dropdown-toggleinput[type="button"]:hover,
.open > .dropdown-toggleinput[type="submit"]:hover,
.open > .dropdown-toggleinput[type="reset"]:hover,
button:active:focus,
input.form-submit:active:focus,
input[type="button"]:active:focus,
input[type="submit"]:active:focus,
input[type="reset"]:active:focus,
button.active:focus,
input.form-submit.active:focus,
input[type="button"].active:focus,
input[type="submit"].active:focus,
input[type="reset"].active:focus,
.open > .dropdown-togglebutton:focus,
.open > .dropdown-toggleinput.form-submit:focus,
.open > .dropdown-toggleinput[type="button"]:focus,
.open > .dropdown-toggleinput[type="submit"]:focus,
.open > .dropdown-toggleinput[type="reset"]:focus,
button:active.focus,
input.form-submit:active.focus,
input[type="button"]:active.focus,
input[type="submit"]:active.focus,
input[type="reset"]:active.focus,
button.active.focus,
input.form-submit.active.focus,
input[type="button"].active.focus,
input[type="submit"].active.focus,
input[type="reset"].active.focus,
.open > .dropdown-togglebutton.focus,
.open > .dropdown-toggleinput.form-submit.focus,
.open > .dropdown-toggleinput[type="button"].focus,
.open > .dropdown-toggleinput[type="submit"].focus,
.open > .dropdown-toggleinput[type="reset"].focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active,
.open > .dropdown-togglebutton,
.open > .dropdown-toggleinput.form-submit,
.open > .dropdown-toggleinput[type="button"],
.open > .dropdown-toggleinput[type="submit"],
.open > .dropdown-toggleinput[type="reset"] {
  background-image: none;
}

button.disabled:hover,
input.form-submit.disabled:hover,
input[type="button"].disabled:hover,
input[type="submit"].disabled:hover,
input[type="reset"].disabled:hover,
button[disabled]:hover,
input.form-submit[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="reset"][disabled]:hover,
fieldset[disabled] button:hover,
fieldset[disabled] input.form-submit:hover,
fieldset[disabled] input[type="button"]:hover,
fieldset[disabled] input[type="submit"]:hover,
fieldset[disabled] input[type="reset"]:hover,
button.disabled:focus,
input.form-submit.disabled:focus,
input[type="button"].disabled:focus,
input[type="submit"].disabled:focus,
input[type="reset"].disabled:focus,
button[disabled]:focus,
input.form-submit[disabled]:focus,
input[type="button"][disabled]:focus,
input[type="submit"][disabled]:focus,
input[type="reset"][disabled]:focus,
fieldset[disabled] button:focus,
fieldset[disabled] input.form-submit:focus,
fieldset[disabled] input[type="button"]:focus,
fieldset[disabled] input[type="submit"]:focus,
fieldset[disabled] input[type="reset"]:focus,
button.disabled.focus,
input.form-submit.disabled.focus,
input[type="button"].disabled.focus,
input[type="submit"].disabled.focus,
input[type="reset"].disabled.focus,
button[disabled].focus,
input.form-submit[disabled].focus,
input[type="button"][disabled].focus,
input[type="submit"][disabled].focus,
input[type="reset"][disabled].focus,
fieldset[disabled] button.focus,
fieldset[disabled] input.form-submit.focus,
fieldset[disabled] input[type="button"].focus,
fieldset[disabled] input[type="submit"].focus,
fieldset[disabled] input[type="reset"].focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

button .badge,
input.form-submit .badge,
input[type="button"] .badge,
input[type="submit"] .badge,
input[type="reset"] .badge {
  color: #ffffff;
  background-color: #333333;
}

input.form-submit,
input#id_submitbutton,
input#id_submitbutton2,
.path-admin .buttons input[type="submit"],
td.submit input {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

input.form-submit:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.path-admin .buttons input[type="submit"]:focus,
td.submit input:focus,
input.form-submit.focus,
input#id_submitbutton.focus,
input#id_submitbutton2.focus,
.path-admin .buttons input[type="submit"].focus,
td.submit input.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

input.form-submit:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.path-admin .buttons input[type="submit"]:hover,
td.submit input:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
.open > .dropdown-toggleinput.form-submit,
.open > .dropdown-toggleinput#id_submitbutton,
.open > .dropdown-toggleinput#id_submitbutton2,
.open > .dropdown-toggle.path-admin .buttons input[type="submit"],
.open > .dropdown-toggletd.submit input {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

input.form-submit:active:hover,
input#id_submitbutton:active:hover,
input#id_submitbutton2:active:hover,
.path-admin .buttons input[type="submit"]:active:hover,
td.submit input:active:hover,
input.form-submit.active:hover,
input#id_submitbutton.active:hover,
input#id_submitbutton2.active:hover,
.path-admin .buttons input[type="submit"].active:hover,
td.submit input.active:hover,
.open > .dropdown-toggleinput.form-submit:hover,
.open > .dropdown-toggleinput#id_submitbutton:hover,
.open > .dropdown-toggleinput#id_submitbutton2:hover,
.open > .dropdown-toggle.path-admin .buttons input[type="submit"]:hover,
.open > .dropdown-toggletd.submit input:hover,
input.form-submit:active:focus,
input#id_submitbutton:active:focus,
input#id_submitbutton2:active:focus,
.path-admin .buttons input[type="submit"]:active:focus,
td.submit input:active:focus,
input.form-submit.active:focus,
input#id_submitbutton.active:focus,
input#id_submitbutton2.active:focus,
.path-admin .buttons input[type="submit"].active:focus,
td.submit input.active:focus,
.open > .dropdown-toggleinput.form-submit:focus,
.open > .dropdown-toggleinput#id_submitbutton:focus,
.open > .dropdown-toggleinput#id_submitbutton2:focus,
.open > .dropdown-toggle.path-admin .buttons input[type="submit"]:focus,
.open > .dropdown-toggletd.submit input:focus,
input.form-submit:active.focus,
input#id_submitbutton:active.focus,
input#id_submitbutton2:active.focus,
.path-admin .buttons input[type="submit"]:active.focus,
td.submit input:active.focus,
input.form-submit.active.focus,
input#id_submitbutton.active.focus,
input#id_submitbutton2.active.focus,
.path-admin .buttons input[type="submit"].active.focus,
td.submit input.active.focus,
.open > .dropdown-toggleinput.form-submit.focus,
.open > .dropdown-toggleinput#id_submitbutton.focus,
.open > .dropdown-toggleinput#id_submitbutton2.focus,
.open > .dropdown-toggle.path-admin .buttons input[type="submit"].focus,
.open > .dropdown-toggletd.submit input.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
.open > .dropdown-toggleinput.form-submit,
.open > .dropdown-toggleinput#id_submitbutton,
.open > .dropdown-toggleinput#id_submitbutton2,
.open > .dropdown-toggle.path-admin .buttons input[type="submit"],
.open > .dropdown-toggletd.submit input {
  background-image: none;
}

input.form-submit.disabled:hover,
input#id_submitbutton.disabled:hover,
input#id_submitbutton2.disabled:hover,
.path-admin .buttons input[type="submit"].disabled:hover,
td.submit input.disabled:hover,
input.form-submit[disabled]:hover,
input#id_submitbutton[disabled]:hover,
input#id_submitbutton2[disabled]:hover,
.path-admin .buttons input[type="submit"][disabled]:hover,
td.submit input[disabled]:hover,
fieldset[disabled] input.form-submit:hover,
fieldset[disabled] input#id_submitbutton:hover,
fieldset[disabled] input#id_submitbutton2:hover,
fieldset[disabled] .path-admin .buttons input[type="submit"]:hover,
fieldset[disabled] td.submit input:hover,
input.form-submit.disabled:focus,
input#id_submitbutton.disabled:focus,
input#id_submitbutton2.disabled:focus,
.path-admin .buttons input[type="submit"].disabled:focus,
td.submit input.disabled:focus,
input.form-submit[disabled]:focus,
input#id_submitbutton[disabled]:focus,
input#id_submitbutton2[disabled]:focus,
.path-admin .buttons input[type="submit"][disabled]:focus,
td.submit input[disabled]:focus,
fieldset[disabled] input.form-submit:focus,
fieldset[disabled] input#id_submitbutton:focus,
fieldset[disabled] input#id_submitbutton2:focus,
fieldset[disabled] .path-admin .buttons input[type="submit"]:focus,
fieldset[disabled] td.submit input:focus,
input.form-submit.disabled.focus,
input#id_submitbutton.disabled.focus,
input#id_submitbutton2.disabled.focus,
.path-admin .buttons input[type="submit"].disabled.focus,
td.submit input.disabled.focus,
input.form-submit[disabled].focus,
input#id_submitbutton[disabled].focus,
input#id_submitbutton2[disabled].focus,
.path-admin .buttons input[type="submit"][disabled].focus,
td.submit input[disabled].focus,
fieldset[disabled] input.form-submit.focus,
fieldset[disabled] input#id_submitbutton.focus,
fieldset[disabled] input#id_submitbutton2.focus,
fieldset[disabled] .path-admin .buttons input[type="submit"].focus,
fieldset[disabled] td.submit input.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

input.form-submit .badge,
input#id_submitbutton .badge,
input#id_submitbutton2 .badge,
.path-admin .buttons input[type="submit"] .badge,
td.submit input .badge {
  color: #337ab7;
  background-color: #ffffff;
}

form.search-cohort input[type="text"],
form.search-cohort input[type="submit"],
form.search-cohort label {
  margin-top: 14px !important;
}

form.search-cohort label {
  margin-bottom: 0;
  vertical-align: middle;
}

form.search-cohort input[type="submit"] {
  margin-bottom: 0;
  margin-right: 0;
}

button.yui3-button.closebutton {
  background-position: 0 0;
}

button.yui3-button.closebutton:hover {
  background-position: 0 0;
}

.nav-justified > li > a {
  padding-right: 4px;
  padding-left: 4px;
  margin-left: 1px;
  white-space: nowrap;
}

.nav-justified {
  padding: 10px 0 0 0;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: block;
    width: 100%;
    float: none;
  }

  .nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .nav-justified {
    border: 0;
    border-radius: 0;
  }

  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav {
  margin-right: 0;
}

.nav-tabs-justified > li > a {
  margin-left: 1px;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border: 1px solid #dddddd;
    border-radius: 4px;
  }
}

@media (min-width: 992px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    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: #ffffff;
  }
}

.userenrolment {
  width: 100%;
  border-collapse: collapse;
}

.userenrolment tr {
  vertical-align: top;
}

.userenrolment td {
  padding: 0;
  height: 41px;
}

.userenrolment .subfield {
  margin-left: 5px;
}

.userenrolment .col_userdetails .subfield_picture {
  float: right;
}

.userenrolment .col_lastseen {
  width: 150px;
}

.userenrolment .col_role {
  width: 262px;
}

.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}

.userenrolment .col_enrol .enrolment {
  float: right;
  padding: 3px;
  margin: 3px;
}

.userenrolment .col_enrol .enrolment a {
  float: left;
  margin-right: 3px;
}

.userenrolment .col_role .roles,
.userenrolment .col_group .groups {
  margin-left: 30px;
}

.userenrolment .col_role .role,
.userenrolment .col_group .group {
  float: right;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}

.userenrolment .col_role .role a,
.userenrolment .col_group .group a {
  margin-right: 3px;
  cursor: pointer;
}

.userenrolment .col_role .addrole,
.userenrolment .col_group .addgroup {
  float: left;
  padding: 3px;
  margin: 3px;
}

.userenrolment .col_role .addrole > a:hover,
.userenrolment .col_group .addgroup > a:hover {
  border-bottom: 1px solid #666;
}

.userenrolment .col_role .addrole img,
.userenrolment .col_group .addgroup img {
  vertical-align: baseline;
}

.enrolpanel.roleassign.visible {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  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);
  width: 276px;
  display: block;
}

.enrolpanel.roleassign.visible.top {
  margin-top: -10px;
}

.enrolpanel.roleassign.visible.right {
  margin-right: 10px;
}

.enrolpanel.roleassign.visible.bottom {
  margin-top: 10px;
}

.enrolpanel.roleassign.visible.left {
  margin-right: -10px;
}

.enrolpanel.roleassign.visible.top > .arrow {
  right: 50%;
  margin-right: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.enrolpanel.roleassign.visible.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-right: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.enrolpanel.roleassign.visible.right > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.enrolpanel.roleassign.visible.right > .arrow:after {
  content: " ";
  right: 1px;
  bottom: -10px;
  border-right-width: 0;
  border-left-color: #ffffff;
}

.enrolpanel.roleassign.visible.bottom > .arrow {
  right: 50%;
  margin-right: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.enrolpanel.roleassign.visible.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-right: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.enrolpanel.roleassign.visible.left > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.enrolpanel.roleassign.visible.left > .arrow:after {
  content: " ";
  left: 1px;
  border-left-width: 0;
  border-right-color: #ffffff;
  bottom: -10px;
}

.enrolpanel.roleassign.visible .container {
  content: inherit;
  display: block;
  padding: 0;
  border: 0;
}

.enrolpanel.roleassign.visible a {
  text-decoration: underline;
}

.enrolpanel.roleassign.visible .header {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.enrolpanel.roleassign.visible .header .close {
  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;
  color: #337ab7;
  background: inherit;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
  opacity: 1;
  width: auto;
  top: 5px;
  left: 10px;
  height: auto;
  position: absolute;
}

.enrolpanel.roleassign.visible .header .close:before {
  content: "\e014";
}

.enrolpanel.roleassign.visible .content {
  padding: 9px 14px;
  margin-top: 5px;
  background-color: #ffffff;
}

#page-enrol-users .enrol_user_buttons {
  float: left;
}

#page-enrol-users .enrol_user_buttons .enrolusersbutton {
  display: inline;
}

#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
  display: inline;
  margin-left: 0;
}

#page-enrol-users #filterform {
  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);
  display: inline-block;
}

#page-enrol-users #filterform blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

#page-enrol-users #filterform .fitem {
  display: inline-block;
  margin-left: .3em;
  white-space: nowrap;
}

#page-enrol-users #filterform .fitem label {
  display: inline;
  line-height: 1.42857143;
  padding-left: .3em;
}

#page-enrol-users #filterform .fitem :before,
#page-enrol-users #filterform .fitem :after {
  display: inline;
}

#page-enrol-users #filterform div,
#page-enrol-users #filterform fieldset {
  display: table;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}

#page-enrol-users #filterform select,
#page-enrol-users #filterform .ftext input {
  width: 7em;
}

#page-enrol-users #filterform input,
#page-enrol-users #filterform select {
  margin-bottom: 0;
}

#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
  width: 237px;
}

/* responsive.less */

@media (max-width: 767px) {
  .file-picker .fp-repo-area {
    width: 100%;
    height: auto;
    max-height: 220px;
    overflow-y: auto;
    float: none;
    border: 0px;
  }

  .file-picker .fp-repo-items {
    width: 100%;
    float: none;
  }

  .file-picker .fp-login-form .fp-login-input label {
    text-align: right;
  }

  .file-picker .fp-content form td {
    display: block;
    width: 100%;
    text-align: right;
  }

  .fp-content .mdl-right {
    text-align: right;
  }

  .fp-repo-items .fp-navbar {
    border-top: 1px solid #bbbbbb;
  }
}

@media (max-width: 480px) {
  .fp-content-center {
    display: block;
    vertical-align: top;
  }

  .course-content ul.topics li.section,
  .course-content ul.topics li.section .content,
  .course-content ul.weeks li.section .content,
  .course-content ul.weeks li.section,
  .course-content ul.section {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .activityinstance {
    display: block;
  }

  .editing .course-content .section .activity {
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
    border-bottom: thin solid #dddddd;
  }

  .course-content .section .activity .commands {
    text-align: left;
  }

  /** Handles display of the activity chooser on small screens **/

  .jsenabled .choosercontainer #chooseform .alloptions {
    max-width: 100%;
  }

  .jsenabled .choosercontainer #chooseform .instruction,
  .jsenabled .choosercontainer #chooseform .typesummary {
    position: static;
  }

  .que .info {
    float: none;
    width: auto;
  }

  .que .content {
    margin: 0;
  }

  .path-mod-choice .horizontal .choices .option {
    display: block;
  }

  .path-mod-forum .forumsearch #search {
    width: 120px;
  }

  .path-mod-forum .forumheaderlist .picture {
    width: 0px;
  }

  .path-mod-forum .forumheaderlist .picture a {
    display: none;
  }

  .panel .courseimage img {
    margin-left: 5px;
    float: none;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  #filesskin .yui3-panel,
  #filesskin .file-picker.fp-generallayout {
    width: 100%;
    right: 0;
  }
}

body.behat-site .navbar-fixed-top {
  position: absolute;
}

.phpinfo table,
.phpinfo th,
.phpinfo h2 {
  margin: auto;
}

.phpinfo h2 {
  width: 600px;
}

.phpinfo .e,
.phpinfo .v,
.phpinfo .h {
  border: 1px solid #000;
  font-size: 0.8em;
  vertical-align: baseline;
  color: #000;
  background-color: #ccc;
}

.phpinfo .e {
  background-color: #ccf;
  font-weight: bold;
}

.phpinfo .h {
  background-color: #99c;
  font-weight: bold;
}

#page-footer .performanceinfo {
  margin: 10px 20%;
}

#page-footer .performanceinfo span {
  display: block;
}

#page-footer .validators {
  margin-top: 40px;
  padding-top: 5px;
  border-top: 1px dotted gray;
}

#page-footer .validators ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#page-footer .validators ul li {
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

/** Cache stats styles **/

#page-footer .performanceinfo .cachesused {
  margin-top: 1em;
}

#page-footer .performanceinfo .cachesused .cache-stats-heading,
#page-footer .performanceinfo .cachesused .cache-total-stats {
  font-weight: bold;
  font-size: 110%;
  margin-top: 0.3em;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats {
  margin: .3em;
  display: inline-block;
  vertical-align: top;
  background-color: #f5f5f5;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span {
  display: inline-block;
  cursor: default;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats {
  padding: 0 1.3em;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits {
  background-color: #f2dede;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits {
  background-color: #fcf8e3;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits {
  background-color: #dff0d8;
}

#page-footer .performanceinfo li {
  list-style-type: none;
}

#page-footer,
#page-footer .validators,
#page-footer .purgecaches,
#page-footer .performanceinfo {
  text-align: center;
}

/**
 * This styles the H2 node the dock creates to test the width before making its title rotation.
 * We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly.
 */

.transform-test-heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

body.has_dock #page,
body.has_dock .moodleheader {
  padding-right: 45px;
}

body.has_dock div#dock {
  display: inline;
}

#dock {
  width: 42px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  background-color: transparent;
  border-left: 0 none;
}

#dock .nothingdocked {
  visibility: hidden;
  display: none;
}

#dock .dockeditem_container {
  margin-top: 68px;
}

#dock .dockeditem .firstdockitem {
  margin-top: 1em;
}

#dock .dockedtitle {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  display: block;
  width: 36px;
  margin: 3px;
  padding: 0;
  cursor: pointer;
}

#dock .dockedtitle:focus,
#dock .dockedtitle:active:focus,
#dock .dockedtitle.active:focus,
#dock .dockedtitle.focus,
#dock .dockedtitle:active.focus,
#dock .dockedtitle.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#dock .dockedtitle:hover,
#dock .dockedtitle:focus,
#dock .dockedtitle.focus {
  color: #333333;
  text-decoration: none;
}

#dock .dockedtitle:active,
#dock .dockedtitle.active {
  outline: 0;
  background-image: none;
  -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);
}

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

a#dock .dockedtitle.disabled,
fieldset[disabled] a#dock .dockedtitle {
  pointer-events: none;
}

#dock .dockedtitle:focus,
#dock .dockedtitle.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

#dock .dockedtitle:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

#dock .dockedtitle:active,
#dock .dockedtitle.active,
.open > .dropdown-toggle#dock .dockedtitle {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

#dock .dockedtitle:active:hover,
#dock .dockedtitle.active:hover,
.open > .dropdown-toggle#dock .dockedtitle:hover,
#dock .dockedtitle:active:focus,
#dock .dockedtitle.active:focus,
.open > .dropdown-toggle#dock .dockedtitle:focus,
#dock .dockedtitle:active.focus,
#dock .dockedtitle.active.focus,
.open > .dropdown-toggle#dock .dockedtitle.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

#dock .dockedtitle:active,
#dock .dockedtitle.active,
.open > .dropdown-toggle#dock .dockedtitle {
  background-image: none;
}

#dock .dockedtitle.disabled:hover,
#dock .dockedtitle[disabled]:hover,
fieldset[disabled] #dock .dockedtitle:hover,
#dock .dockedtitle.disabled:focus,
#dock .dockedtitle[disabled]:focus,
fieldset[disabled] #dock .dockedtitle:focus,
#dock .dockedtitle.disabled.focus,
#dock .dockedtitle[disabled].focus,
fieldset[disabled] #dock .dockedtitle.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

#dock .dockedtitle .badge {
  color: #ffffff;
  background-color: #333333;
}

#dock .dockedtitle h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#dock .dockedtitle .filterrotate {
  margin-right: 8px;
}

#dock .controls {
  position: absolute;
  bottom: 1em;
  text-align: center;
  width: 100%;
}

#dock .controls img {
  cursor: pointer;
}

#dock .editing_move,
#dock .moodle-core-dragdrop-draghandle {
  display: none;
}

#dockeditempanel {
  z-index: 12000;
  /** Required to place the dock panel above the fixed pos navbar */
  min-width: 200px;
  position: relative;
  right: 100%;
  padding-right: 5px;
}

#dockeditempanel.dockitempanel_hidden {
  display: none;
}

#dockeditempanel .dockeditempanel_content {
  margin-bottom: 20px;
  background-color: #ffffff;
  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);
}

#dockeditempanel .dockeditempanel_content > .list-group,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .list-group {
  margin-bottom: 0;
}

#dockeditempanel .dockeditempanel_content > .list-group .list-group-item,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

#dockeditempanel .dockeditempanel_content > .list-group:first-child .list-group-item:first-child,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .list-group:last-child .list-group-item:last-child,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#dockeditempanel .dockeditempanel_content > .table,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .table {
  margin-bottom: 0;
}

#dockeditempanel .dockeditempanel_content > .table caption,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table caption,
#dockeditempanel .dockeditempanel_content > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

#dockeditempanel .dockeditempanel_content > .table:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:first-child > thead:first-child > tr:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > tbody:first-child > tr:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:first-child > thead:first-child > tr:first-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > tbody:first-child > tr:first-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > thead:first-child > tr:first-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > tbody:first-child > tr:first-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:first-child > thead:first-child > tr:first-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > tbody:first-child > tr:first-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > thead:first-child > tr:first-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table:first-child > tbody:first-child > tr:first-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-left-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:last-child > tbody:last-child > tr:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tfoot:last-child > tr:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:last-child > tbody:last-child > tr:last-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tbody:last-child > tr:last-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .table:last-child > tbody:last-child > tr:last-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tbody:last-child > tr:last-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-left-radius: 3px;
}

#dockeditempanel .dockeditempanel_content > .panel-body + .table,
#dockeditempanel .dockeditempanel_content > .panel-body + .table-responsive,
#dockeditempanel .dockeditempanel_content > .table + .panel-body,
#dockeditempanel .dockeditempanel_content > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}

#dockeditempanel .dockeditempanel_content > .table > tbody:first-child > tr:first-child th,
#dockeditempanel .dockeditempanel_content > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

#dockeditempanel .dockeditempanel_content > .table-bordered,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered {
  border: 0;
}

#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr > td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr > td:first-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr > td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr > td:first-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr > td:first-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-right: 0;
}

#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr > td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr > td:last-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr > td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr > td:last-child,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr > td:last-child,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-left: 0;
}

#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr:first-child > td,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr:first-child > td,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr:first-child > td,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr:first-child > td,
#dockeditempanel .dockeditempanel_content > .table-bordered > thead > tr:first-child > th,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > thead > tr:first-child > th,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr:first-child > th,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr:last-child > td,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr:last-child > td,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr:last-child > td,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
#dockeditempanel .dockeditempanel_content > .table-bordered > tbody > tr:last-child > th,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tbody > tr:last-child > th,
#dockeditempanel .dockeditempanel_content > .table-bordered > tfoot > tr:last-child > th,
#dockeditempanel .dockeditempanel_content > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

#dockeditempanel .dockeditempanel_content > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

#dockeditempanel .dockeditempanel_bd {
  overflow: auto;
  /** Required to make the content scrollable when it flows over the fixed area of the screen */
  padding: 0;
}

#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
  overflow: visible;
}

#dockeditempanel .dockeditempanel_hd {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#dockeditempanel .dockeditempanel_hd > .dropdown .dropdown-toggle {
  color: inherit;
}

#dockeditempanel .dockeditempanel_hd h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

#dockeditempanel .dockeditempanel_hd h2 > a,
#dockeditempanel .dockeditempanel_hd h2 > small,
#dockeditempanel .dockeditempanel_hd h2 > .small,
#dockeditempanel .dockeditempanel_hd h2 > small > a,
#dockeditempanel .dockeditempanel_hd h2 > .small > a {
  color: inherit;
}

#dockeditempanel .dockeditempanel_hd .commands {
  display: block;
  text-align: left;
}

#dockeditempanel .dockeditempanel_hd .commands > a,
#dockeditempanel .dockeditempanel_hd .commands > span {
  margin-right: 3px;
  cursor: pointer;
}

#dockeditempanel .dockeditempanel_hd .commands img,
#dockeditempanel .dockeditempanel_hd .commands input {
  vertical-align: middle;
  margin-left: 1px;
}

#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
  cursor: pointer;
}

.dir-rtl.has_dock #page,
.dir-rtl.has_dock .moodleheader {
  padding-right: 15px;
  padding-left: 45px;
}

.dir-rtl #dock {
  right: auto;
  left: 0%;
}

.dir-rtl #dock .dockedtitle h2 {
  line-height: 25px;
}

.dir-rtl #dockeditempanel {
  left: 100%;
}

.dir-rtl #dockeditempanel .dockeditempanel_hd .commands {
  text-align: right;
}

.gradetreebox h4 {
  font-size: 14px;
}

.gradetreebox th.cell,
.gradetreebox input[type=text] {
  width: auto;
}

.gradetreebox input[type=text],
.gradetreebox select {
  margin-bottom: 0;
}

#page-grade-grading-manage #activemethodselector label {
  display: inline-block;
}

#page-grade-grading-manage #activemethodselector .helptooltip {
  margin-left: 0.5em;
}

#page-grade-grading-manage .actions {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}

#page-grade-grading-manage .actions .action {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 150px;
  text-align: center;
  overflow: hidden;
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #aaa;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  white-space: normal;
}

#page-grade-grading-manage .actions .action .action-icon {
  display: inline-block;
  position: relative;
  height: 64px;
  width: 64px;
}

#page-grade-grading-manage .actions .action .action-text {
  position: relative;
  top: 0.4em;
  font-size: 14px;
}

#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
  font-size: 70%;
}

.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input {
  background: #ffffff none no-repeat top left;
}

.criteria .remark textarea {
  height: auto;
}

.mform.gradingform_rubric_editform .fitem .felement .hiddenelement {
  display: none;
}

.mform.gradingform_rubric_editform .fitem .felement .pseudotablink {
  background-color: transparent;
  border: 0 solid;
  height: 1px;
  width: 1px;
  color: transparent;
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
}

#rubric-rubric.gradingform_rubric #rubric-criteria {
  margin-bottom: 1em;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
  vertical-align: top;
  padding: 6px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
  margin-bottom: 0px;
  height: 115px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
  position: relative;
  float: right;
  margin-left: 28px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
  margin-bottom: 0px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
  vertical-align: top;
  padding: 6px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  clear: both;
  float: left;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 24px;
  width: 24px;
  margin: 0px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
  background-color: #ddd;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
  float: none;
  width: 3em;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
  width: 0 !important;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
  vertical-align: middle;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-position: 0px 0px;
  height: 30px;
  margin-left: 5px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active.focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus {
  color: #333333;
  text-decoration: none;
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active {
  outline: 0;
  background-image: none;
  -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);
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled],
fieldset[disabled] #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
fieldset[disabled] a#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
  pointer-events: none;
}

#rubric-rubric.gradingform_rubric .addcriterion {
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin-bottom: 1em;
}

#rubric-rubric.gradingform_rubric .addcriterion:focus,
#rubric-rubric.gradingform_rubric .addcriterion:active:focus,
#rubric-rubric.gradingform_rubric .addcriterion.active:focus,
#rubric-rubric.gradingform_rubric .addcriterion.focus,
#rubric-rubric.gradingform_rubric .addcriterion:active.focus,
#rubric-rubric.gradingform_rubric .addcriterion.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#rubric-rubric.gradingform_rubric .addcriterion:hover,
#rubric-rubric.gradingform_rubric .addcriterion:focus,
#rubric-rubric.gradingform_rubric .addcriterion.focus {
  color: #333333;
  text-decoration: none;
}

#rubric-rubric.gradingform_rubric .addcriterion:active,
#rubric-rubric.gradingform_rubric .addcriterion.active {
  outline: 0;
  background-image: none;
  -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);
}

#rubric-rubric.gradingform_rubric .addcriterion.disabled,
#rubric-rubric.gradingform_rubric .addcriterion[disabled],
fieldset[disabled] #rubric-rubric.gradingform_rubric .addcriterion {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a#rubric-rubric.gradingform_rubric .addcriterion.disabled,
fieldset[disabled] a#rubric-rubric.gradingform_rubric .addcriterion {
  pointer-events: none;
}

#rubric-rubric.gradingform_rubric .addcriterion input {
  margin: 0;
  color: inherit;
  text-shadow: inherit;
  border: 0px none;
  line-height: inherit;
  background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
  padding-right: 26px;
}

#rubric-rubric.gradingform_rubric .options {
  clear: both;
}

#rubric-rubric.gradingform_rubric .options .option label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent;
}

#rubric-rubric.gradingform_rubric .options .option input {
  margin-right: 5px;
  margin-left: 12px;
}

.path-grade-report-grader .grade_icons {
  display: inline;
}

#page-mod-assign-grader .span4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  #page-mod-assign-grader .span4 {
    float: right;
    width: 33.33333333%;
  }
}

.editor_atto_content .img-responsive {
  display: inline-block;
}

span.feedback_info {
  font-weight: bold;
}

div.feedback_depend {
  background: #DDDDDD;
}

div.feedback_complete_depend {
  background: #EEEEEE;
}

span.feedback_depend {
  color: #ff0000;
}

li.feedback_item_check_h_left {
  display: inline;
  list-style-type: none;
}

li.feedback_item_check_h_right {
  display: inline;
  list-style-type: none;
}

li.feedback_item_radio_h_left {
  display: inline;
  list-style-type: none;
}

li.feedback_item_radio_h_right {
  display: inline;
  list-style-type: none;
}

li.feedback_item_check_v_left {
  display: block;
  list-style-type: none;
}

li.feedback_item_check_v_right {
  display: block;
  list-style-type: none;
}

li.feedback_item_radio_v_left {
  display: block;
  list-style-type: none;
}

li.feedback_item_radio_v_right {
  display: block;
  list-style-type: none;
}

div.feedback_item_captcha_text_left {
  display: inline;
  margin: 5px;
}

div.feedback_item_captcha_img_left {
  display: inline;
  margin: 5px;
}

div.feedback_item_captcha_text_right {
  display: inline;
  margin: 5px;
}

div.feedback_item_captcha_img_right {
  display: inline;
  margin: 5px;
}

hr.feedback_pagebreak {
  background-color: #aaaaaa;
  border: 0px;
  color: #aaaaaa;
  height: 8px;
}

.drag_target_active {
  opacity: .25;
}

.drag_item_active {
  opacity: .5;
}

ul#feedback_draglist {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#feedback_dragarea {
  width: 95%;
}

div img.feedback_bar_image {
  height: 10px;
}

.path-mod-feedback input {
  width: auto;
}

.path-mod-feedback textarea {
  width: auto;
}

.path-mod-feedback .uneditable-input {
  width: auto;
}

.path-mod-feedback .feedback_itemlist {
  border-top: 1px solid #EEEEEE;
  margin: 10px 0;
  padding-top: 5px;
}

.path-mod-feedback .feedback_itemlist .itemhandle {
  display: block;
  position: absolute;
  z-index: 1;
}

.path-mod-feedback .feedback_item_box_left {
  margin-right: 0;
  margin-left: 0;
}

.path-mod-feedback .feedback_item_box_left .boxalign_left .no-overflow {
  width: 100%;
  padding: 0 15px;
}

.path-mod-feedback #feedback_dragarea .feedback_item_box_left {
  margin-right: 20px;
}

.path-mod-feedback div.feedback_item_label_left {
  margin: 0;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .path-mod-feedback div.feedback_item_label_left {
    float: right;
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  .path-mod-feedback div.feedback_item_label_left {
    float: right;
    width: 25%;
  }
}

.path-mod-feedback div.feedback_item_label_left label {
  font-weight: normal;
}

.path-mod-feedback div.feedback_item_presentation_left {
  margin: 0;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .path-mod-feedback div.feedback_item_presentation_left {
    float: right;
    width: 66.66666667%;
  }
}

@media (min-width: 1200px) {
  .path-mod-feedback div.feedback_item_presentation_left {
    float: right;
    width: 75%;
  }
}

.path-mod-feedback div.feedback_item_presentation_left ul {
  margin: 0;
  padding-top: 5px;
}

.path-mod-feedback div.feedback_item_presentation_left .boxalignleft {
  margin-right: 0;
  padding-top: 5px;
}

.path-mod-feedback .feedback_form input[type="submit"] {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.path-mod-feedback .feedback_form input[type="submit"]:focus,
.path-mod-feedback .feedback_form input[type="submit"].focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}

.path-mod-feedback .feedback_form input[type="submit"]:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.path-mod-feedback .feedback_form input[type="submit"]:active,
.path-mod-feedback .feedback_form input[type="submit"].active,
.open > .dropdown-toggle.path-mod-feedback .feedback_form input[type="submit"] {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.path-mod-feedback .feedback_form input[type="submit"]:active:hover,
.path-mod-feedback .feedback_form input[type="submit"].active:hover,
.open > .dropdown-toggle.path-mod-feedback .feedback_form input[type="submit"]:hover,
.path-mod-feedback .feedback_form input[type="submit"]:active:focus,
.path-mod-feedback .feedback_form input[type="submit"].active:focus,
.open > .dropdown-toggle.path-mod-feedback .feedback_form input[type="submit"]:focus,
.path-mod-feedback .feedback_form input[type="submit"]:active.focus,
.path-mod-feedback .feedback_form input[type="submit"].active.focus,
.open > .dropdown-toggle.path-mod-feedback .feedback_form input[type="submit"].focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}

.path-mod-feedback .feedback_form input[type="submit"]:active,
.path-mod-feedback .feedback_form input[type="submit"].active,
.open > .dropdown-toggle.path-mod-feedback .feedback_form input[type="submit"] {
  background-image: none;
}

.path-mod-feedback .feedback_form input[type="submit"].disabled:hover,
.path-mod-feedback .feedback_form input[type="submit"][disabled]:hover,
fieldset[disabled] .path-mod-feedback .feedback_form input[type="submit"]:hover,
.path-mod-feedback .feedback_form input[type="submit"].disabled:focus,
.path-mod-feedback .feedback_form input[type="submit"][disabled]:focus,
fieldset[disabled] .path-mod-feedback .feedback_form input[type="submit"]:focus,
.path-mod-feedback .feedback_form input[type="submit"].disabled.focus,
.path-mod-feedback .feedback_form input[type="submit"][disabled].focus,
fieldset[disabled] .path-mod-feedback .feedback_form input[type="submit"].focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.path-mod-feedback .feedback_form input[type="submit"] .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.path-mod-feedback #id_save_item,
.path-mod-feedback #id_update_item {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.path-mod-feedback #id_save_item:focus,
.path-mod-feedback #id_update_item:focus,
.path-mod-feedback #id_save_item.focus,
.path-mod-feedback #id_update_item.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}

.path-mod-feedback #id_save_item:hover,
.path-mod-feedback #id_update_item:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.path-mod-feedback #id_save_item:active,
.path-mod-feedback #id_update_item:active,
.path-mod-feedback #id_save_item.active,
.path-mod-feedback #id_update_item.active,
.open > .dropdown-toggle.path-mod-feedback #id_save_item,
.open > .dropdown-toggle.path-mod-feedback #id_update_item {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.path-mod-feedback #id_save_item:active:hover,
.path-mod-feedback #id_update_item:active:hover,
.path-mod-feedback #id_save_item.active:hover,
.path-mod-feedback #id_update_item.active:hover,
.open > .dropdown-toggle.path-mod-feedback #id_save_item:hover,
.open > .dropdown-toggle.path-mod-feedback #id_update_item:hover,
.path-mod-feedback #id_save_item:active:focus,
.path-mod-feedback #id_update_item:active:focus,
.path-mod-feedback #id_save_item.active:focus,
.path-mod-feedback #id_update_item.active:focus,
.open > .dropdown-toggle.path-mod-feedback #id_save_item:focus,
.open > .dropdown-toggle.path-mod-feedback #id_update_item:focus,
.path-mod-feedback #id_save_item:active.focus,
.path-mod-feedback #id_update_item:active.focus,
.path-mod-feedback #id_save_item.active.focus,
.path-mod-feedback #id_update_item.active.focus,
.open > .dropdown-toggle.path-mod-feedback #id_save_item.focus,
.open > .dropdown-toggle.path-mod-feedback #id_update_item.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}

.path-mod-feedback #id_save_item:active,
.path-mod-feedback #id_update_item:active,
.path-mod-feedback #id_save_item.active,
.path-mod-feedback #id_update_item.active,
.open > .dropdown-toggle.path-mod-feedback #id_save_item,
.open > .dropdown-toggle.path-mod-feedback #id_update_item {
  background-image: none;
}

.path-mod-feedback #id_save_item.disabled:hover,
.path-mod-feedback #id_update_item.disabled:hover,
.path-mod-feedback #id_save_item[disabled]:hover,
.path-mod-feedback #id_update_item[disabled]:hover,
fieldset[disabled] .path-mod-feedback #id_save_item:hover,
fieldset[disabled] .path-mod-feedback #id_update_item:hover,
.path-mod-feedback #id_save_item.disabled:focus,
.path-mod-feedback #id_update_item.disabled:focus,
.path-mod-feedback #id_save_item[disabled]:focus,
.path-mod-feedback #id_update_item[disabled]:focus,
fieldset[disabled] .path-mod-feedback #id_save_item:focus,
fieldset[disabled] .path-mod-feedback #id_update_item:focus,
.path-mod-feedback #id_save_item.disabled.focus,
.path-mod-feedback #id_update_item.disabled.focus,
.path-mod-feedback #id_save_item[disabled].focus,
.path-mod-feedback #id_update_item[disabled].focus,
fieldset[disabled] .path-mod-feedback #id_save_item.focus,
fieldset[disabled] .path-mod-feedback #id_update_item.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.path-mod-feedback #id_save_item .badge,
.path-mod-feedback #id_update_item .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.path-mod-feedback .fitem_fgroup input[type="checkbox"] {
  vertical-align: middle;
}

.path-mod-feedback div.error {
  background-color: #FFAAAA;
  display: inline-block;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"] {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"]:focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"]:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"]:active,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].active,
.open > .dropdown-toggle.path-mod-feedback .feedback_complete_cancel button[type="submit"] {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"]:active:hover,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].active:hover,
.open > .dropdown-toggle.path-mod-feedback .feedback_complete_cancel button[type="submit"]:hover,
.path-mod-feedback .feedback_complete_cancel button[type="submit"]:active:focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].active:focus,
.open > .dropdown-toggle.path-mod-feedback .feedback_complete_cancel button[type="submit"]:focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"]:active.focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].active.focus,
.open > .dropdown-toggle.path-mod-feedback .feedback_complete_cancel button[type="submit"].focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"]:active,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].active,
.open > .dropdown-toggle.path-mod-feedback .feedback_complete_cancel button[type="submit"] {
  background-image: none;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"].disabled:hover,
.path-mod-feedback .feedback_complete_cancel button[type="submit"][disabled]:hover,
fieldset[disabled] .path-mod-feedback .feedback_complete_cancel button[type="submit"]:hover,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].disabled:focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"][disabled]:focus,
fieldset[disabled] .path-mod-feedback .feedback_complete_cancel button[type="submit"]:focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"].disabled.focus,
.path-mod-feedback .feedback_complete_cancel button[type="submit"][disabled].focus,
fieldset[disabled] .path-mod-feedback .feedback_complete_cancel button[type="submit"].focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.path-mod-feedback .feedback_complete_cancel button[type="submit"] .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

.path-mod-feedback .boxalign_left {
  position: relative;
}

.path-mod-feedback textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

#page-mod-feedback-analysis th {
  background: #F7F7F7;
  text-align: right;
}

#page-mod-feedback-analysis div.form-buttons {
  border-top: #EEEEEE 1px solid;
  margin-right: 0;
  padding-top: 10px;
}

#page-mod-feedback-edit input[type="submit"] {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

#page-mod-feedback-edit input[type="submit"]:focus,
#page-mod-feedback-edit input[type="submit"].focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}

#page-mod-feedback-edit input[type="submit"]:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

#page-mod-feedback-edit input[type="submit"]:active,
#page-mod-feedback-edit input[type="submit"].active,
.open > .dropdown-toggle#page-mod-feedback-edit input[type="submit"] {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

#page-mod-feedback-edit input[type="submit"]:active:hover,
#page-mod-feedback-edit input[type="submit"].active:hover,
.open > .dropdown-toggle#page-mod-feedback-edit input[type="submit"]:hover,
#page-mod-feedback-edit input[type="submit"]:active:focus,
#page-mod-feedback-edit input[type="submit"].active:focus,
.open > .dropdown-toggle#page-mod-feedback-edit input[type="submit"]:focus,
#page-mod-feedback-edit input[type="submit"]:active.focus,
#page-mod-feedback-edit input[type="submit"].active.focus,
.open > .dropdown-toggle#page-mod-feedback-edit input[type="submit"].focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}

#page-mod-feedback-edit input[type="submit"]:active,
#page-mod-feedback-edit input[type="submit"].active,
.open > .dropdown-toggle#page-mod-feedback-edit input[type="submit"] {
  background-image: none;
}

#page-mod-feedback-edit input[type="submit"].disabled:hover,
#page-mod-feedback-edit input[type="submit"][disabled]:hover,
fieldset[disabled] #page-mod-feedback-edit input[type="submit"]:hover,
#page-mod-feedback-edit input[type="submit"].disabled:focus,
#page-mod-feedback-edit input[type="submit"][disabled]:focus,
fieldset[disabled] #page-mod-feedback-edit input[type="submit"]:focus,
#page-mod-feedback-edit input[type="submit"].disabled.focus,
#page-mod-feedback-edit input[type="submit"][disabled].focus,
fieldset[disabled] #page-mod-feedback-edit input[type="submit"].focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

#page-mod-feedback-edit input[type="submit"] .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

div.feedback_item_commands_left {
  text-align: left;
}

.popover-region {
  float: left;
  position: relative;
}

.popover-region.collapsed .popover-region-toggle:before,
.popover-region.collapsed .popover-region-toggle:after {
  display: none;
}

.popover-region.collapsed .popover-region-container {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
  -o-transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}

.popover-region-toggle {
  cursor: pointer;
}

.popover-region-toggle::before {
  content: '';
  display: inline-block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 7px;
}

.popover-region-toggle::after {
  content: '';
  display: inline-block;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  bottom: -1px;
  left: 8px;
  z-index: 2;
}

.count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: red;
  color: white;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 5px;
  left: 0;
}

.popover-region-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 500px;
  width: 380px;
  border: 1px solid #ddd;
  -webkit-transition: height 0.25s;
  -o-transition: height 0.25s;
  transition: height 0.25s;
  opacity: 1;
  visibility: visible;
  background-color: #ffffff;
  z-index: 1;
}

.popover-region-header-container {
  height: 25px;
  line-height: 25px;
  padding-right: 5px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.popover-region-footer-container {
  height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  background-color: #ffffff;
}

.popover-region-footer-container .popover-region-seeall-text {
  padding-top: 4px;
}

.popover-region-header-text {
  float: right;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
}

.popover-region-header-actions {
  float: left;
}

.popover-region-header-actions > * {
  margin-right: 10px;
  min-width: 20px;
  display: inline-block;
}

.popover-region-header-actions .loading-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.popover-region-header-actions .newmessage-link {
  margin-left: 10px;
}

.popover-region-header-actions label {
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}

.popover-region-content-container {
  height: -webkit-calc(100% - 56px);
  height: calc(100% - 56px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popover-region-content-container > .loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px;
}

.popover-region-content-container.loading > .loading-icon {
  display: block;
}

.popover-region-content-container.loading .empty-message {
  display: none;
}

.navbar .popover-region {
  float: right;
}

.navbar .popover-region.collapsed .popover-region-container {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
  -o-transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}

.navbar .popover-region-toggle {
  height: 50px;
  line-height: 50px;
  padding-right: 10px;
  padding-left: 10px;
}

.navbar .popover-region-toggle img {
  height: 16px;
  width: 16px;
}

.navbar .count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: red;
  color: white;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 5px;
  left: 0;
}

.navbar .popover-region-container {
  top: 50px;
}

.content-item-container {
  width: 100%;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  margin: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}

.content-item-container:hover {
  color: #fff;
  background-color: #79b5e6;
}

.content-item-container:hover .content-item-footer .timestamp {
  color: #fff;
}

.content-item-container.unread {
  margin: 0;
  background-color: #f4f4f4;
}

.content-item-container.unread:hover {
  color: #fff;
  background-color: #79b5e6;
}

.content-item-container.unread .content-item-body .notification-message {
  font-weight: 600;
}

.content-item-container .context-link {
  color: inherit;
  text-decoration: none;
}

.content-item-container .content-item-body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.content-item-container .content-item-footer {
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content-item-container .content-item-footer .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  margin-right: 24px;
}

.content-item-container .view-more {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 12px;
  line-height: 12px;
}

.content-item-container.notification .content-item-body .notification-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: right;
}

.content-item-container.notification .content-item-body .notification-image img {
  height: 75%;
}

.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 12px;
  width: -webkit-calc(100% - 24px);
  width: calc(100% - 24px);
}

.content-item-container.selected {
  background-color: #4f94cd;
  color: #fff;
  border-color: #4f94cd;
}

.content-item-container.selected .content-item-footer .timestamp {
  color: #fff;
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block;
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none;
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}

.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: hidden;
}

.popover-region-notifications .all-notifications:empty + .empty-message {
  display: block;
}

.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top;
}

.popover-region-notifications .notification-image img {
  height: 75%;
}

.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px;
  width: 90%;
}

.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
  display: none;
}

.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block;
}

.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none;
}

.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}

.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
  display: none;
}

.popover-region-messages .messages:empty + .empty-message {
  display: block;
}

.popover-region-messages .content-item-container.unread .content-item-body {
  font-weight: 600;
  width: -webkit-calc(90% - 30px);
  width: calc(90% - 30px);
}

.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
  float: left;
}

.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
  float: right;
}

.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}

.popover-region-messages .content-item-body {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  font-size: 12px;
  padding-right: 10px;
  overflow: hidden;
}

.popover-region-messages .content-item-body h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%;
}

.popover-region-messages .content-item-body p {
  margin: 0;
}

.popover-region-messages .unread-count-container {
  display: none;
}

.dir-rtl .popover-region .popover-region-container {
  right: 0;
  left: auto;
}

.dir-rtl .popover-region .popover-region-header-text {
  float: left;
}

.dir-rtl .popover-region .popover-region-header-actions {
  float: right;
}

.dir-rtl .popover-region .popover-region-header-actions .newmessage-link {
  margin-right: 10px;
}

.dir-rtl .navbar .popover-region {
  float: right;
}

.dir-rtl .navbar .popover-region-container::before {
  left: auto;
  right: 7px;
}

.dir-rtl .navbar .popover-region-container::after {
  left: auto;
  right: 8px;
}

.dir-rtl .navbar .popover-region-header-text {
  float: left;
}

.dir-rtl .navbar .popover-region-header-actions {
  float: right;
}

.dir-rtl .popover-region-messages .profile-image-container {
  float: left;
}

.dir-rtl .popover-region-messages .content-item-body {
  padding-right: 0;
  padding-left: 10px;
}

.dir-rtl .popover-region-messages .unread-count-container {
  float: right;
}

@media (max-width: 767px) {
  .navbar .popover-region .popover-region-container {
    left: -70px;
  }
}

@media (max-width: 480px) {
  .navbar .popover-region .popover-region-container {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
  }
}

/* stylelint-disable declaration-no-important, block-no-empty */

.p-l-1 {
  padding-right: 14px !important;
}

.p-r-1 {
  padding-left: 14px !important;
}

.p-t-1 {
  padding-top: 14px !important;
}

.p-b-1 {
  padding-bottom: 14px !important;
}

.p-x-1 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.p-y-1 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.p-a-1 {
  padding: 14px !important;
}

.m-l-1 {
  margin-right: 14px !important;
}

.m-r-1 {
  margin-left: 14px !important;
}

.m-t-1 {
  margin-top: 14px !important;
}

.m-b-1 {
  margin-bottom: 14px !important;
}

.m-x-1 {
  margin-right: 14px !important;
  margin-left: 14px !important;
}

.m-y-1 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.m-a-1 {
  margin: 14px !important;
}

.p-l-2 {
  padding-right: 28px !important;
}

.p-r-2 {
  padding-left: 28px !important;
}

.p-t-2 {
  padding-top: 28px !important;
}

.p-b-2 {
  padding-bottom: 28px !important;
}

.p-x-2 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.p-y-2 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.p-a-2 {
  padding: 28px !important;
}

.m-l-2 {
  margin-right: 28px !important;
}

.m-r-2 {
  margin-left: 28px !important;
}

.m-t-2 {
  margin-top: 28px !important;
}

.m-b-2 {
  margin-bottom: 28px !important;
}

.m-x-2 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.m-y-2 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.m-a-2 {
  margin: 28px !important;
}

.p-l-3 {
  padding-right: 42px !important;
}

.p-r-3 {
  padding-left: 42px !important;
}

.p-t-3 {
  padding-top: 42px !important;
}

.p-b-3 {
  padding-bottom: 42px !important;
}

.p-x-3 {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

.p-y-3 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.p-a-3 {
  padding: 42px !important;
}

.m-l-3 {
  margin-right: 42px !important;
}

.m-r-3 {
  margin-left: 42px !important;
}

.m-t-3 {
  margin-top: 42px !important;
}

.m-b-3 {
  margin-bottom: 42px !important;
}

.m-x-3 {
  margin-right: 42px !important;
  margin-left: 42px !important;
}

.m-y-3 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.m-a-3 {
  margin: 42px !important;
}

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

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

.d-inline-block {
  display: inline-block !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.btn-secondary {
  background-color: #ffffff;
  background-image: none;
  color: #000000;
}

.tag-danger {
  background-color: #d9534f;
}

.tag-danger[href] {
  background-color: #c9302c;
}

.tag-warning {
  background-color: #f0ad4e;
}

.tag-warning[href] {
  background-color: #ec971f;
}

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

.tag-success[href] {
  background-color: #449d44;
}

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

.tag-info[href] {
  background-color: #31b0d5;
}

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

.tag-primary[href] {
  background-color: #286090;
}

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

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

@media (min-width: 480px) {
  .hidden-xs-up {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important;
  }
}

/**
 * Tour step must sit above all other UI components.
 * The backdrop is the lowest point in the tour.
 * Everything else is in the container, and the target background should be at the same z-index.
 * ----- moodle
 *  ---- step backdrop
 *   --- step container
 *   --- step target background
 */

div[data-flexitour="backdrop"] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1040;
  background-color: #000000;
  opacity: 0.5;
  z-index: 4030;
}

div[data-flexitour="backdrop"].fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

div[data-flexitour="backdrop"].in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

div[data-flexitour="step-background-fader"],
div[data-flexitour="step-background"] {
  border-radius: 4px;
  z-index: 4031;
}

span[data-flexitour="container"],
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
  z-index: 4032;
}

span[data-flexitour="container"] .modal-dialog {
  /**
         * Remove all margins to:
         * 1) ensure that the arrow touches the target; and
         * 2) ensure that the focus border touches the modal.
         */
  margin: 0;
}

span[data-flexitour="container"] div[data-role="flexitour-step"] {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

span[data-flexitour="container"] div[data-role="flexitour-step"] > div {
  display: block;
  margin: 0;
}

span[data-flexitour="container"] div[data-role="arrow"] {
  border-width: 11px;
}

span[data-flexitour="container"] div[data-role="arrow"]:after {
  content: " ";
}

span[data-flexitour="container"] div[data-role="arrow"],
span[data-flexitour="container"] div[data-role="arrow"]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
}

span[data-flexitour="container"][x-placement="top"],
span[data-flexitour="container"][x-placement="top-start"] {
  margin-bottom: 10px;
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
  bottom: -10px;
  right: 50%;
  margin-right: -11px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
  bottom: 1px;
  margin-right: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

span[data-flexitour="container"][x-placement="bottom"],
span[data-flexitour="container"][x-placement="bottom-start"] {
  margin-top: 10px;
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
  top: -10px;
  right: 50%;
  margin-right: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
  top: 1px;
  margin-right: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

span[data-flexitour="container"][x-placement="left"],
span[data-flexitour="container"][x-placement="left-start"] {
  margin-left: 10px;
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
  left: -10px;
  top: 50%;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
  left: 1px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

span[data-flexitour="container"][x-placement="right"],
span[data-flexitour="container"][x-placement="right-start"] {
  margin-right: 10px;
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
  right: -10px;
  top: 50%;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
  right: 1px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #ffffff;
}