@import url(chosen.css);
/* Remove nsfw_base, copy it or extend it for production */
/* Popups */
.popup {
  position: absolute;
  overflow-x: hidden;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

.popupouter {
  float: left;
  left: 50%;
  position: relative; }

.popupinner {
  position: relative;
  left: -50%;
  float: left;
  box-sizing: border-box;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.8);
  min-width: 20em;
  min-height: 100px;
  margin: 80px 1em 1em;
  background: white;
  padding: 20px;
  border: 8px solid black; }

.popupouter {
  max-width: 60em; }

.popup .closepopup-wrapper {
  color: black;
  font-size: 1.4em;
  padding: 10px 10px 10px 5px;
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1800;
  cursor: pointer; }

.clickblock {
  background: #000;
  opacity: 0.2;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0; }

.popupinner .content h1 {
  margin-top: 0.4em;
  font-size: 1.8em;
  margin-right: 1em; }

/* Errors */
.error {
  color: rgba(179, 26, 19, 0.9); }

.form-error {
  display: none;
  border: 1px solid rgba(179, 26, 19, 0.9);
  padding: 5px;
  margin: 5px 0; }

/* Page Messages and Loading overlay */
#PassThroughMessage,
#PassThroughError,
#loadingoverlay {
  position: fixed;
  width: 80%;
  top: 20px;
  left: 10%;
  font-size: 16px;
  z-index: 2000;
  text-align: center;
  color: #fff;
  border: 8px solid #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); }

#PassThroughMessage .fa {
  color: black; }

#loadingoverlay .fa {
  margin-left: 10px; }

#PassThroughMessage,
#PassThroughError .message,
#loadingoverlay .message {
  padding: 40px; }

.PassThroughMessageIcon, .PassThroughErrorIcon {
  border: 0.12em solid white;
  display: block;
  height: 0.5em;
  width: 0.7em;
  position: absolute;
  right: 0.82em;
  cursor: pointer; }

.PassThroughMessageIcon {
  top: 1.5em; }

.PassThroughErrorIcon {
  top: 2.3em; }

#mobile-menu .PassThroughMessageIcon {
  top: 0; }

#mobile-menu .PassThroughErrorIcon {
  top: 0.9em; }

#PassThroughMessage, .PassThroughMessageIcon, #notifications-dropdown ul.notifications-list li.PassThroughMessage div {
  background-color: #8cf979; }

#PassThroughError, .PassThroughErrorIcon, #notifications-dropdown ul.notifications-list li.PassThroughError div {
  background-color: rgba(179, 26, 19, 0.9); }

#loadingoverlay {
  background-color: rgba(112, 169, 85, 0.9); }

.message,
.message p,
.message h1,
.message h2,
.message h3 {
  font-family: 'Oswald',Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  line-height: 1.5em; }

#PassThroughMessage span.fa, #PassThroughError span.fa {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer; }

.hide, #PassThroughMessageIcon.hide, #PassThroughErrorIcon.hide {
  display: none; }

.fa-clickable {
  cursor: pointer; }

@media screen and (min-width: 768px) {
  #PassThroughMessage,
  #PassThroughError,
  #loadingoverlay {
    width: 40%;
    font-size: 21px;
    top: 80px;
    left: 30%; }

  #PassThroughMessage span.fa, #PassThroughError span.fa {
    font-size: 30px; } }
/* permissions page */
.rolepermissionslist li {
  list-style-type: none; }

.permissions li {
  list-style-type: none; }

.permissions li.access {
  color: #474344; }

.permissions li.noaccess {
  color: #999999; }

.permissions li.parentaccess,
.permissions li.childaccess > i,
.permissions li.access > span > i.expand {
  color: #666666; }

.permissions li.access > i {
  color: green; }

.permissions li.noaccess {
  display: none; }

ul.permissions > li > span {
  cursor: pointer; }

ul.sortable {
  list-style-type: none;
  box-sizing: border-box;
  min-height: 10px; }

.permissionsli {
  width: 100%;
  border: 1px solid #474344;
  padding: 3px;
  background: #fff;
  margin: 4px 0;
  cursor: move; }

.permissionstemp {
  border: 1px dashed #474344;
  color: #fff;
  height: 2.45em; }

ul.rolepermissionslist,
ul.rolepermissionslist ul {
  padding-left: 1.5em; }

ul.rolepermissionslist input, ul.rolepermissionslist ul input {
  width: auto;
  margin: 0px 5px; }

/* Project CSS */
html, body {
  height: 100%;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  background: #fdfdfd; }

#header {
  height: 84px; }

.manage-action {
  margin-right: 0.6em; }

ul.manage-view {
  padding: 0;
  list-style-type: none; }

ul.manage-view li {
  margin-bottom: 0.5em; }

ul.manage-view li > span {
  font-weight: bold;
  width: 8em;
  display: inline-block;
  margin-right: 0.5em; }

ul.manage-view li > span::after {
  content: ':'; }

.errortext {
  color: rgba(179, 26, 19, 0.9); }

#kt-file-uploader-user-tags, #kt-document-editor-user-tags, #kt-file-uploader-approvers {
  width: 100%; }

.kt-file-upload-options {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid lightgrey; }

#account-nav {
  width: 100%;
  background: #3a3c3e;
  position: relative;
  display: block;
  clear: both;
  float: none;
  height: 28px; }

.inner {
  max-width: 1170px;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 10px; }

#account-nav ul, #footer ul, #navigation ul {
  float: right;
  margin: 1px 0 0;
  padding: 0; }

#account-nav ul#topbarleft {
  float: left; }

#account-nav ul#topbarleft li {
  margin-left: 0;
  padding-left: 1em; }

#account-nav ul li a {
  color: #eaeaea;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: none; }

#account-nav a.oms-link {
  color: #bec0c6;
  display: inline-block;
  text-decoration: none; }

#account-nav ul li.username {
  color: #6ab9bf;
  /* margin-right: 1em;*/ }

#account-nav ul li {
  border-right: 1px solid #234e50;
  padding-right: 1em;
  margin-top: 3px;
  color: #bec0c6; }

#navigation ul {
  margin-top: 5px; }

#account-nav ul li, #navigation ul li {
  float: left;
  list-style-type: none;
  margin-left: 1em; }

#navigation ul li a {
  color: #fff;
  text-shadow: 0 2px 1px #3a3c3e;
  font-size: 14px;
  padding: 0 0 0 20px;
  white-space: nowrap;
  text-decoration: none; }

#navigation {
  height: 27px;
  background: #787f86 url("/assets/design/img/bg-header.jpg") repeat-x scroll center top;
  width: 100%;
  float: none;
  clear: both;
  padding: 10px 0 15px; }

#modules-wrapper {
  position: relative; }

#account-nav #modules-dropdown-ul {
  position: absolute;
  background: #3A3c3e;
  left: 0;
  padding: 0 0 2px 0;
  margin: 0;
  z-index: 1000; }

#account-nav #modules-dropdown-ul li {
  padding: 0.2em 0 0 0;
  margin: 0 0 0.2em 0;
  border: 0;
  border-top: 1px solid #234e50;
  width: 100%; }

#account-nav #modules-dropdown-ul li:first-child {
  border-top: 0; }

#account-nav #modules-dropdown-ul li a {
  display: inline-block;
  margin: 0;
  color: #bec0c6;
  width: 100%; }

#banner {
  padding-top: 2px;
  float: left; }

#banner a {
  color: #fff;
  font-size: 16px;
  padding-right: 10px;
  text-shadow: 0 2px 1px #3a3c3e;
  text-decoration: none; }

#mobilebutton {
  display: none; }

#footer {
  width: 100%;
  background: #eaf1f3 none repeat scroll 0 0;
  border-top: 1px solid #dfe1e1;
  height: 20px;
  padding: 2px;
  margin-top: 10px; }

.footer-text {
  color: #3a3c3e;
  font-size: 12px;
  display: inline-block;
  margin-left: 20px; }

#admin-nav li {
  list-style-type: none;
  display: inline-block;
  margin: 5px 10px;
  border: 1px solid black;
  border-radius: 4px;
  padding: 2px 5px; }

.column {
  vertical-align: top;
  margin: 5px;
  background: #f3f3f3;
  border-radius: 8px;
  padding: 10px;
  height: 100%; }

ul.roles {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.column-wrapper {
  position: relative; }

/* forms */
.form-wrapper div.row {
  clear: both;
  margin-bottom: 0.5em; }

.form-wrapper div.row label {
  float: none;
  clear: both;
  display: block; }

.form-wrapper .buttons-row {
  float: right; }

.form-wrapper textarea {
  height: 4em; }

.form-wrapper input[type=text], .form-wrapper textarea, .form-wrapper select {
  margin-top: 0; }

h1 i.fa {
  font-size: 0.6em; }

#filter {
  border: 1px solid lightgrey;
  padding: 5px;
  margin: 5px 0 15px;
  position: relative;
  float: left;
  min-width: 5em; }

#filter .toggler {
  position: absolute;
  top: -8.5px;
  padding: 0px 5px;
  display: inline-block;
  left: 5px;
  color: gray;
  font-size: 0.8em;
  font-style: italic;
  background: #fdfdfd; }

.toggle-filters {
  cursor: pointer; }

.noheight {
  height: 0px;
  max-height: 0px; }

tr.file-missing td {
  color: red; }

.tag-container {
  position: relative;
  clear: both;
  float: none; }

.tag-container .tag {
  margin-right: 10px;
  background: #eeeeee;
  border: 1px solid #251082;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 5px;
  display: block;
  float: left; }

.tag-container .tag.tagtype-Module {
  background: orange; }

#filter .row {
  float: left;
  clear: none;
  margin-right: 2em; }

#filter .chosen-wrapper {
  float: left; }

#filter #filter-tags, #filter #filter-tagtype, #filter .chosen-wrapper .row {
  width: 20em;
  min-width: 20em; }

.moc-update-count {
  margin: 10px 0 5px;
  font-weight: bold; }

table.table-summary {
  width: auto; }

table.table-summary {
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black; }

table.table-summary thead th {
  border-left: 2px solid black;
  text-align: center; }

table.table-summary tbody td, table.table-summary th {
  border-bottom: 2px solid black; }

table.table-summary thead th:first-child {
  border-left: none; }

table.table-summary td {
  border-left: 2px solid black; }

table.table-striped tbody tr:nth-child(2n) th, table.table-striped tbody tr.even th {
  background: #e5ecf9; }

table td.numeric {
  text-align: right; }

table tr.row-warn th {
  background-color: rgba(255, 168, 0, 0.9);
  color: black; }

table tr.row-all-ok th {
  background-color: #8cf979;
  color: black; }

.chosen-container .search-field, .chosen-container .search-field input {
  min-width: 100%; }

body.dragover {
  background: rgba(0, 0, 0, 0.3); }

body.dragover .popupinner {
  border: 2px dashed black !important; }

.popup i.dragpopup {
  position: absolute;
  right: 34px;
  top: 17px;
  color: #999999;
  font-size: 1em;
  z-index: 1;
  cursor: pointer; }

.fa-plus-hidden {
  color: white; }

h2 a.button {
  display: inline-block;
  font-size: 0.5em;
  padding: 4px 10px;
  float: none; }

@media all and (max-width: 41em) {
  #mobilebutton {
    color: white;
    padding-top: 0.2em;
    float: right;
    display: block; }

  #mainnav-wrapper {
    z-index: 4000;
    position: absolute;
    right: 3em;
    display: none;
    border-radius: 15px;
    background: #787f86;
    border: 1px solid white; }

  #navigation ul {
    margin: 2em 1em 0; }

  #navigation ul li {
    display: block;
    float: none;
    padding: 0;
    margin: 1em 2em 3em 2em;
    background: #989fa6; }

  #navigation ul li a {
    font-size: 2em;
    padding: 2em; } }
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  table.table-responsive {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
    /*td:nth-of-type(1):before { content: "First Name"; }
    td:nth-of-type(2):before { content: "Last Name"; }
    td:nth-of-type(3):before { content: "Job Title"; }
    td:nth-of-type(4):before { content: "Favorite Color"; }
    td:nth-of-type(5):before { content: "Wars of Trek?"; }
    td:nth-of-type(6):before { content: "Porn Name"; }
    td:nth-of-type(7):before { content: "Date of Birth"; }
    td:nth-of-type(8):before { content: "Dream Vacation City"; }
    td:nth-of-type(9):before { content: "GPA"; }
    td:nth-of-type(10):before { content: "Arbitrary Data"; }
    */ }
    table.table-responsive thead, table.table-responsive tbody, table.table-responsive th, table.table-responsive td, table.table-responsive tr {
      display: block; }
    table.table-responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.table-responsive tr {
      border: 1px solid #ccc; }
    table.table-responsive td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.table-responsive td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }
    table.table-responsive td:before {
      content: attr(data-responsive-label) ": "; } }

/*# sourceMappingURL=style.css.map */