@charset "utf-8";

body {
  background-color: #f8f8f8;
}

/* Header */
div.m-header {
  background-image: url("../images/design/banner.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #293e4e;
}
div.m-header button.navbar-toggle {
  background-color: white;
}
div.m-header div.navbar-collapse.collapsing, div.m-header div.navbar-collapse.collapse.in {
  background-color: #293e4e;
}
div.m-header div.navbar-collapse.collapse.in ul.dropdown-menu {
  background-color: white;
}
div.m-header a.navbar-brand {
  text-shadow: 1px 1px 5px black;
  color: #426391;
}
div.m-header a.navbar-brand:hover, div.m-header a.navbar-brand:focus {
  color: #aa3333;
}
div.m-header ul.navbar-nav>li>a, div.m-header ul.navbar-nav>li>a:hover, div.m-header ul.navbar-nav>li>a:focus {
  color: white;
}
div.m-header ul.navbar-nav>li>a:hover {
  background-color: #426391;
}
div.m-header span.badge {
  display: none;
}
div.m-header span.badge.m-new {
  background-color: #aa3333;
}

/* Body */
div.m-body {
  padding-top: 70px;
  padding-bottom: 3em;
  background-color: white;
}
div.m-footer {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #e7e7e7;
  background-color: #f8f8f8;
}
div.m-footer div p {
  margin: 1em;
}

/* Optional elements */
.m-optional-replace {
  display: none;
}

body.m-extra-small-window .m-optional {
  display: none;
}
body.m-extra-small-window .m-optional-replace {
  display: initial;
}

/* Table */
table.m-table-width-auto {
  width: auto;
}
table.m-table-matching tbody tr th {
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  text-align: right;
}
thead th {
  text-align: center;
  color: white;
  background-color: #293e4e;
}
thead th.narrow  { width: 36px; }
thead th.little  { width: 55px; }
/*thead th.xlittle { width: 60px; }*/
thead th.normal  { width: 80px; }
thead th.xnormal { width: 120px; }
thead th.medium  { width: 160px; }
thead th.xmedium { width: 200px; }
/*thead th.large   { width: 250px; }*/
thead th.xlarge  { width: 350px; }
/*thead th.xxlarge { width: 450px; }*/
th, td {
  white-space: normal!important;
}

/* Abbr & tip */
abbr.m-abbr-icon {
  border-bottom: 0 none;
}
abbr.m-js-button {
  cursor: pointer;
}
.m-tip[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

/* Nav tools */
ul.m-nav-tools {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}
ul.m-nav-tools li {
  display: inline;
}
ul.m-nav-tools li+li {
  margin-left: 1em;
}
ul.m-nav-tools li.m-divided:before {
  content: "|";
}

body.m-extra-small-window ul.m-nav-tools li {
  display: list-item;
  margin: 0;
}
body.m-extra-small-window ul.m-nav-tools li.m-divided:before {
  content: "";
  display: block;
  border-bottom: 1px solid #eee;
  width: 5em;
  height: 0;
  margin: .5em 0;
  padding: 0;
}

/* Tools */
a.m-tool.m-tool-float-right {
  float: right;
  margin-left: 1em;
}

a.m-tool span.m-tool-title,
a.m-tool span.m-tool-title-replace {
  margin-left: .3em;
}
/* hide “hidden titles” and “titles’ replacements” */
a.m-tool.m-tool-title-hidden span.m-tool-title,
a.m-tool span.m-tool-title-replace {
  display: none;
}

/* Menu */
/* show “hidden titles” if not “student” and not “administrator” */
div.m-header a.m-tool.m-tool-title-hidden span.m-tool-title {
  display: inline;
}
/* but hide them if “student” or “administrator” */
body.m-user-connected.m-user-student div.m-header a.m-tool.m-tool-title-hidden span.m-tool-title,
body.m-user-connected.m-user-administrator div.m-header a.m-tool.m-tool-title-hidden span.m-tool-title {
  display: none;
}
/* if “student” or “administrator”: */
  /* hide “titles” if “small window” */
  body.m-user-connected.m-user-student.m-small-window div.m-header a.m-tool span.m-tool-title,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header a.m-tool span.m-tool-title {
    display: none;
  }
  /* and show “visible titles” and “titles’ replacements” if “small window” */
  body.m-user-connected.m-user-student.m-small-window div.m-header a.m-tool.m-tool-title-visible span.m-tool-title,
  body.m-user-connected.m-user-student.m-small-window div.m-header a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header a.m-tool.m-tool-title-visible span.m-tool-title,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header a.m-tool span.m-tool-title-replace {
    display: inline;
  }
  /* but hide “titles’ replacements” if “smaller window” */
  body.m-user-connected.m-user-student.m-smaller-window div.m-header a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-administrator.m-smaller-window div.m-header a.m-tool span.m-tool-title-replace {
    display: none;
  }
/* if .m-min: */
  /* hide all “titles” */
  div.m-header.m-min a.m-tool span.m-tool-title {
    display: none;
  }
  /* hide “hidden titles” showed because not “student” and not “administrator” */
  div.m-header.m-min a.m-tool.m-tool-title-hidden span.m-tool-title {
    display: none;
  }
  /* hide “visible titles” and “titles’ replacements” showed by “small window” if “student” or “administrator” */
  body.m-user-connected.m-user-student.m-small-window div.m-header.m-min a.m-tool.m-tool-title-visible span.m-tool-title,
  body.m-user-connected.m-user-student.m-small-window div.m-header.m-min a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header.m-min a.m-tool.m-tool-title-visible span.m-tool-title,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header.m-min a.m-tool span.m-tool-title-replace {
    display: none;
  }
/* if .collapsing/.collapse.in: */
  /* show “hidden titles” */
  div.m-header div.navbar-collapse.collapsing a.m-tool.m-tool-title-hidden span.m-tool-title,
  div.m-header div.navbar-collapse.collapse.in a.m-tool.m-tool-title-hidden span.m-tool-title {
    display: inline;
  }
  /* show “titles” hidden by “small window” */
  body.m-user-connected.m-user-student.m-small-window div.m-header div.navbar-collapse.collapsing a.m-tool span.m-tool-title,
  body.m-user-connected.m-user-student.m-small-window div.m-header div.navbar-collapse.collapse.in a.m-tool span.m-tool-title,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header div.navbar-collapse.collapsing a.m-tool span.m-tool-title,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header div.navbar-collapse.collapse.in a.m-tool span.m-tool-title {
    display: inline;
  }
  /* and hide “titles’ replacements” showed by “small window” (although “smaller window” hides them already) */
  body.m-user-connected.m-user-student.m-small-window div.m-header div.navbar-collapse.collapsing a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-student.m-small-window div.m-header div.navbar-collapse.collapse.in a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header div.navbar-collapse.collapsing a.m-tool span.m-tool-title-replace,
  body.m-user-connected.m-user-administrator.m-small-window div.m-header div.navbar-collapse.collapse.in a.m-tool span.m-tool-title-replace {
    display: none;
  }
  /* if .m-min: */
    /* show all “titles” hidden by .m-min */
    div.m-header.m-min div.navbar-collapse.collapsing a.m-tool span.m-tool-title,
    div.m-header.m-min div.navbar-collapse.collapse.in a.m-tool span.m-tool-title {
      display: inline;
    }
    /* show “hidden titles” hidden by .m-min because showed because not “student” and not “administrator” */
    div.m-header.m-min div.navbar-collapse.collapsing a.m-tool.m-tool-title-hidden span.m-tool-title,
    div.m-header.m-min div.navbar-collapse.collapse.in a.m-tool.m-tool-title-hidden span.m-tool-title {
      display: inline;
    }
    /* show “visible titles” hidden by .m-min because showed by “small window” if “student” or “administrator” */
    body.m-user-connected.m-user-student.m-small-window div.m-header.m-min div.navbar-collapse.collapsing a.m-tool.m-tool-title-visible span.m-tool-title,
    body.m-user-connected.m-user-student.m-small-window div.m-header.m-min div.navbar-collapse.collapse.in a.m-tool.m-tool-title-visible span.m-tool-title,
    body.m-user-connected.m-user-administrator.m-small-window div.m-header.m-min div.navbar-collapse.collapsing a.m-tool.m-tool-title-visible span.m-tool-title,
    body.m-user-connected.m-user-administrator.m-small-window div.m-header.m-min div.navbar-collapse.collapse.in a.m-tool.m-tool-title-visible span.m-tool-title {
      display: inline;
    }

/* Form */
.form-horizontal .form-inline div.form-group {
  margin-left: 0;
  margin-right: 0;
}
label[for] span.m-label, input[type="checkbox"] {
  cursor: pointer;
}

/* Hint */
.m-hint {
  cursor: help;
}
p#m-hint-text {
  position: absolute;
  display: block;
  visibility: hidden;
  top: 0;
  left: 0;
  border-radius: 7px;
  line-height: 150%;
  margin: 0;
  padding: 5px 10px;
  white-space: nowrap;
  text-align: left;
  font-size: 10pt;
  color: white;
  background-color: #426391;
}
p#m-hint-text.m-hint-list {
  opacity: 0.8;
}

/* Info */
div.m-js-info {
  position: absolute;
  display: block;
  visibility: hidden;
  top: 0;
  left: 0;
  border-radius: 7px;
  padding: 5px 10px;
  text-align: left;
  font-size: 10pt;
  color: white;
  background-color: #426391;
}
div.m-js-info p {
  line-height: 150%;
  margin: 0;
  white-space: nowrap;
}
div.m-js-info p strong {
  color: lightblue;
}
div.m-js-info p a {
  color: white;
}

/* Panel */
h3.panel-title {
  line-height: 150%;
}
div.panel.panel-primary div.panel-footer {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
div.panel.panel-success div.panel-footer {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
div.panel.panel-info div.panel-footer {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
div.panel.panel-warning div.panel-footer {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
div.panel.panel-danger div.panel-footer {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

/* Panel for “search user” */
div.m-search-user {
  margin-top: 1em;
}
ul:empty+select+div.m-search-user {
  margin-top: 0;
}
div.m-search-user ul:not(:empty) {
  margin-top: 1em;
}

/* List */
ul.m-list {
  margin: 0;
  padding: 0 0 0 1.4em;
  list-style-type: none;
}
ul.m-list.m-list-indent {
  margin: 0 0 0 1.5em;
}
ul.m-list li {
  text-indent: -1.4em;
}
ul.m-list li:before {
  content: "—";
  width: 1em;
  margin-right: .4em;
}

/* Canvas */
div.m-canvas {
  width: 90%;
  max-width: 700px;
}

/* iFrame */
iframe {
  /*vertical-align: middle;*/
  display: block;
  border: 1px solid #eee;
  border-radius: 4px;
  min-width: 600px;
  min-height: 400px;
  margin: 1em;
  padding: 1em;
}
body.m-extra-small-window iframe {
  min-width: 0;
}

/* Layout */
.m-bold {
  font-weight: bold;
}
.m-italic {
  font-style: italic;
}
.m-important {
  color: #a94442;
}