/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.05.2016, 12:01:30
    Author     : ma1149
*/
@font-face {
  font-family: 'ptnarrow_bold';
  src: url("../fonts/PTN77F-webfont.eot");
  src: url("../fonts/PTN77F-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PTN77F-webfont.woff") format("woff"), url("../fonts/PTN77F-webfont.ttf") format("truetype"), url("../fonts/PTN77F-webfont.svg#liberation_monoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ptsans';
  src: url("../fonts/PTS55F-webfont.eot");
  src: url("../fonts/PTS55F-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PTS55F-webfont.woff") format("woff"), url("../fonts/PTS55F-webfont.ttf") format("truetype"), url("../fonts/PTS55F-webfont.svg#liberation_monoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
i {
  color: black; }

@media only screen and (max-width: 700px) {
  #content {
    width: 100% !important;
    margin-top: 0 !important; }

  header {
    display: block;
    width: 100%;
    height: 2.5em;
    transform: translateX(50%);
    /*        
            #searchbar {
                display: none !important;
            }
    
            #time {
                position: absolute;
                right: 1em;
                top: .75em;
            }*/ }
    header #menu {
      margin-left: 1em !important;
      top: 1em !important; }

  #edit #change_form {
    flex-direction: column; } }
#content {
  width: 35em;
  box-shadow: 0px 10px 20px -10px black; }

button i {
  color: white; }

html {
  position: relative;
  font-family: ptsans;
  font-size: 1em;
  background-color: #EFEFEF;
  min-height: 100%; }

body {
  position: relative; }

h1, h2, h3, h4, h5 {
  font-family: ptnarrow_bold;
  color: #646973; }

h1 {
  font-size: 2.5em;
  padding: .5em;
  background-color: #535353;
  color: white;
  text-align: center; }

h2 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }

h3 {
  font-size: 1.2em;
  margin-bottom: 0.5em; }

button:disabled {
  opacity: 0.3; }

button:enabled {
  opacity: 1; }

progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none; }
  progress[value]::-moz-progress-bar {
    background: #1e8c3c; }
  progress[value]::-webkit-progress-value {
    background: #1e8c3c; }

#content {
  clear: both;
  opacity: 1; }

#logo {
  height: 7em;
  width: 50em;
  background-color: #535353;
  padding: 1em;
  display: flex;
  align-items: center;
  flex-direction: column;
  /*    border-bottom-left-radius: 1em;
      border-bottom-right-radius: 1em;
      box-shadow: 0 0 3em 2em rgba(0,0,0,0.2);*/
  box-shadow: 0em 1em 1em -0.7em rgba(0, 0, 0, 0.75);
  margin-bottom: -5em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  #logo img {
    height: 7em;
    position: absolute;
    left: 1em; }
  #logo h1 {
    padding-bottom: 0; }
  #logo a {
    color: white;
    text-decoration: none; }

#login_content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 8em; }
  #login_content #login {
    background-color: white;
    box-shadow: 0px 10px 20px -10px black;
    width: 22em;
    /*        border-bottom-left-radius: 1em;
            border-bottom-right-radius: 1em;*/ }
  #login_content form {
    padding: 1em; }
  #login_content ul > li:first-child {
    margin-bottom: .3em; }

#container {
  display: flex;
  justify-content: space-around; }

#content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column; }

#content {
  margin-top: 1em;
  background-color: #EFEFEF; }
  #content #person, #content #internes, #content #agb, #content #empty {
    padding: 1em; }

/*#content, #result {
    background-color: $background;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    overflow: auto;
}*/
header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  header #menu {
    position: absolute;
    top: 2.1em;
    left: 0;
    max-width: 15em;
    z-index: 100;
    margin-left: -15.5em;
    /*        #menu_icon {
                font-size: 2em;
            }*/ }
  header button {
    width: auto;
    border-bottom: 1px solid transparent; }
  header p {
    padding: 0.3em; }
  header #menu_button {
    padding: .75em; }
  header .login_info {
    /*margin-top: .3em;*/
    padding: 0.5em;
    /*border-radius: 0.5em;*/
    background-color: white;
    border: 1px solid #cccccc;
    /*overflow: hidden;*/ }
    header .login_info button {
      float: left;
      margin-top: .3em; }
    header .login_info #menu_button_list {
      display: flex;
      flex-direction: column; }
  header #searchbar {
    background: #535353;
    margin-left: 2.7em;
    white-space: nowrap;
    align-items: center;
    display: flex; }
    header #searchbar input {
      width: 15em;
      opacity: 0.5; }
    header #searchbar input:focus, header #searchbar input:hover {
      opacity: 1; }
    header #searchbar input {
      margin: 0;
      margin-right: 0.3em; }

.debug {
  max-width: 20em;
  background-color: rgba(0, 0, 0, 0.25);
  padding: .5em;
  border-radius: 1em;
  text-align: left; }

#debug {
  margin: 1em; }

#edit {
  /*    p {
          padding: 1em;
      }*/ }
  #edit h1 {
    margin-bottom: 0; }
  #edit #edit_note {
    min-height: 8em; }
  #edit #nothing_selected {
    padding: 1em; }
  #edit #change_form {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    margin: 1em; }
  #edit #actual_data, #edit #change_data {
    align-self: flex-start;
    width: 100%; }
  #edit #actual_data input {
    border: 1px solid transparent;
    border-bottom: 1px solid #969696;
    cursor: default; }
  #edit input[name=old] {
    border: 1px solid transparent;
    border-bottom: 1px solid #969696;
    cursor: default; }
  #edit label[for=old] {
    color: rgba(0, 0, 0, 0.3) !important; }
  #edit label[for=new] {
    color: black; }
  #edit #change_data {
    margin-top: 1em; }
    #edit #change_data li {
      margin-bottom: 1em; }
    #edit #change_data label {
      color: black; }
  #edit #edit_searchbar {
    padding: 1em;
    background: lightgray; }
    #edit #edit_searchbar button {
      width: inherit; }
    #edit #edit_searchbar input, #edit #edit_searchbar select {
      width: 35%;
      border: 1px solid #d9d9d9; }
    #edit #edit_searchbar input, #edit #edit_searchbar button {
      margin-right: 0.3em; }
  #edit #actual_data input, #edit #old_input, #edit input[name=old] {
    background: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0.3em; }
    #edit #actual_data input:hover, #edit #actual_data input:focus, #edit #old_input:hover, #edit #old_input:focus, #edit input[name=old]:hover, #edit input[name=old]:focus {
      box-shadow: unset; }
  #edit label {
    padding-top: 0.2em;
    font-size: 90%; }

#login input {
  width: 20em; }

.warten {
  padding: 1em;
  padding-bottom: 2em; }

caption {
  text-align: left;
  font-size: 1.3em;
  margin-bottom: 0.5em; }

#admin {
  /*    #configfile {
          width: 100%;
          overflow-y: scroll;
          min-height: 30em;
          font-family: monospace;
          cursor: inherit;
      }
  
      #submit_config {
          margin: 1em;
          margin-right: 2em;
      }
  
      #submit_config textarea, #edit textarea {
          overflow: auto;
          padding: 0.5em;
          border: 0;
          border-bottom: solid 1px rgba(0,0,0,0.15);
      }
      textarea {
          margin-bottom: 1em;
      }*/ }
  #admin .inner_padding {
    padding: 1em; }
    #admin .inner_padding p {
      margin-bottom: 0.5em; }
  #admin label {
    color: black;
    max-width: 32em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #admin #backup_container {
    margin-top: 1em; }
    #admin #backup_container #update_from_idm {
      margin-bottom: 1em; }
  #admin #add_group_container {
    margin-bottom: 2em; }
    #admin #add_group_container #add_group_button {
      margin-top: 0.5em; }
  #admin .hidden_attributes {
    display: none; }
  #admin #rights_container + button {
    margin-top: .3em;
    margin-bottom: .3em; }
  #admin #rights_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*
    justify-content: space-around;
    */
    overflow: scroll;
    font-size: 75%; }
    #admin #rights_container h3 {
      align-self: flex-start; }
    #admin #rights_container table {
      align-self: flex-start;
      margin: 1em; }
    #admin #rights_container input {
      width: unset; }

#form_info {
  clear: both;
  margin-bottom: 0.5em; }

input, select, textarea {
  font-family: ptsans;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  /*border-bottom: solid 1px rgba(0,0,0,0.15);*/
  transition: box-shadow 0.3s, border 0.3s;
  font-size: 1em;
  padding: .5em;
  padding-left: .3em;
  width: 100%;
  box-sizing: border-box; }

input {
  padding-left: .5em; }

:focus:valid, :required:valid, .isValid {
  background-color: #e6ffdf;
  border: 1px solid #beffac; }

input .hasDatePicker {
  width: 12em; }

#close_overlay {
  position: absolute;
  top: 1em;
  right: 1em;
  opacity: 0.75; }

#close_overlay:hover {
  opacity: 1; }

.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  clear: both; }
  .buttons button {
    margin-top: 1em;
    margin-left: 0.25em;
    margin-right: 0.25em; }

#input, #edit, #admin, #group, #editor {
  width: 100%;
  background-color: white; }

#search_container {
  margin-left: .5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: .5em; }
  #search_container > p {
    margin-top: .5em; }
  #search_container > button {
    margin-top: .5em; }

#input progress {
  width: 100%;
  height: 2em; }
#input #person, #input #internes, #input #agb, #input #empty {
  margin-left: auto;
  margin-right: auto; }
#input #save_internes, #input #accept_agb {
  margin-top: 1em;
  width: unset;
  height: unset; }
#input #campuscard_photo {
  height: 133px;
  width: 100px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  float: left; }
#input #upload_photo {
  position: relative; }
#input #upload_photo button {
  margin-left: 0.5em;
  margin-bottom: 0.3em;
  width: 9em; }
#input #change_photo_button {
  clear: both; }
#input #annotation_label {
  clear: both; }
#input label {
  color: black; }
#input #affiliation_description, #input #parent_affiliation, #input .description_title {
  margin: 0.5em;
  max-width: 30em; }
#input #affiliation_detail {
  padding: .5em;
  max-width: 30em; }
  #input #affiliation_detail dt {
    margin-bottom: .5em; }
  #input #affiliation_detail dd {
    color: rgba(0, 0, 0, 0.5); }
  #input #affiliation_detail a {
    color: rgba(0, 0, 0, 0.5); }

#agb h2 {
  margin-bottom: 1em; }
#agb #agb_creator {
  font-weight: bold; }
#agb p {
  text-align: left; }
#agb #agb_list {
  list-style: decimal;
  max-width: 45em;
  text-align: left;
  margin: 1.5em;
  max-width: 30em;
  line-height: 1.3; }

.invalid {
  background-color: #ffe2e2;
  border: 1px solid #ff4949; }

#input textarea {
  width: 100%;
  resize: none;
  min-height: 5em; }

.ui-datepicker select {
  width: inherit !important;
  margin-left: 5% !important; }

.ui-datepicker-week-col {
  text-align: center; }

label {
  color: rgba(0, 0, 0, 0.3);
  padding-left: 0.3em;
  padding-bottom: 0.2em;
  padding-top: 0.5em;
  display: block; }

.explanation {
  text-decoration: none; }

.explanation:before {
  content: '?';
  display: inline-block;
  font-family: sans-serif;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  padding: 0.1em;
  margin-left: 0.25em;
  text-align: center;
  border: 1px solid; }

.explanation:hover:before {
  background: white;
  color: black;
  border: 1px solid transparent; }

#gebAlternate,
#ablAlternate,
#vertragsbeginnAlternate,
#gebAlternate:hover,
#gebAlternate:focus,
#ablAlternate:hover,
#ablAlternate:focus,
#vertragsbeginnAlternate:hover,
#vertragsbeginnAlternate:focus {
  box-shadow: none;
  border: none !important;
  cursor: default;
  background: none;
  width: 20em; }

/*
#ui-datepicker-div {
    margin-top: -9em;
}*/
#datepickerGeb,
#datepickerAbl,
#datepickerVertragsbeginn {
  width: 6.5em;
  text-align: center; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -10000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].css-checkbox + label.css-label {
  cursor: pointer; }

input[type=checkbox].css-checkbox + label.css-label:before {
  content: "";
  background: white;
  padding: 0.25em;
  padding-left: 0.5em;
  margin-right: 0.5em;
  border: 1px solid #646973;
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  width: 1em; }

input[type=checkbox].css-checkbox:checked + label.css-label:before {
  content: "\2714"; }

button {
  color: white;
  margin: 0;
  padding: 0;
  padding: 0.5em;
  padding-bottom: 0.4em;
  font-size: 1em;
  cursor: pointer;
  border: 0;
  /* border-radius: 0.3em; */ }

.green_button {
  background-color: #1e8c3c;
  border: 1px solid #15622a; }
  .green_button:hover {
    opacity: 0.8; }

.red_button {
  background-color: #b43232;
  border: 1px solid #8c2727; }
  .red_button:hover {
    opacity: 0.8; }

.normal_button {
  background-color: #646973;
  border: 1px solid #4c5058; }
  .normal_button:hover {
    opacity: 0.8; }

.ui-widget {
  font-family: inherit; }

.required:after {
  content: " *";
  color: red;
  opacity: 0.8; }

.additional_info:after {
  content: " **";
  color: red;
  opacity: 0.8; }

#required_label, #additional_label {
  margin: 0.5em;
  padding-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em; }

#required_label {
  margin-top: 1em; }
  #required_label a {
    color: rgba(0, 0, 0, 0.4); }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading-animation {
  display: none;
  position: fixed;
  z-index: 100000;
  top: 1em;
  left: 1em;
  height: 5em;
  width: 5em;
  border-radius: .5em;
  background: rgba(255, 255, 255, 0.8) url("../images/ajax-loader.gif") 50% 50% no-repeat;
  box-shadow: black 5px 5px; }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;   
}*/
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-animation {
  display: block; }

.modal-overlay {
  z-index: 1000;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.modal-container {
  background: white;
  overflow: auto;
  height: 100%;
  width: 100%; }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  height: 50em;
  width: 70em;
  z-index: 1010; }

#result {
  position: relative;
  /*    display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;*/ }
  #result li {
    padding-bottom: 1em; }
  #result table {
    margin-top: 1em;
    text-align: left; }
  #result thead {
    background: rgba(0, 0, 0, 0.25); }
  #result th {
    width: 5em;
    padding: 0.3em;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #result tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.1); }
  #result tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.01); }
  #result td {
    max-width: 20em;
    padding: 0.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #result tbody {
    font-size: 0.9em; }
  #result #angelegt {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: left;
    padding: 1em; }
    #result #angelegt h2 {
      margin-bottom: 0.5em; }
    #result #angelegt li {
      color: rgba(0, 0, 0, 0.3);
      padding-left: 0.3em;
      padding-top: 0.1em;
      padding-bottom: 0.5em;
      width: 30em; }
    #result #angelegt li .value {
      color: #333;
      border-bottom: 1px solid #333;
      padding-bottom: 0.2em;
      margin-bottom: 0.1em;
      min-height: 1em; }
    #result #angelegt p {
      padding: 1em;
      max-width: 30em; }
  #result #upload_wrapper {
    min-width: 60em; }
    #result #upload_wrapper #photo {
      margin-top: 1em; }
    #result #upload_wrapper #photo_upload {
      margin: 0;
      padding: 0;
      padding: 0.75em;
      font-size: 1em;
      width: 15em;
      cursor: pointer;
      border: 0;
      border-radius: 0.3em;
      color: white;
      background-color: #646973;
      margin-bottom: 1em; }
      #result #upload_wrapper #photo_upload:hover {
        opacity: 0.8; }
    #result #upload_wrapper i {
      color: white; }
    #result #upload_wrapper input[type=file] {
      height: unset;
      width: unset;
      margin-left: .5em;
      border: unset; }
      #result #upload_wrapper input[type=file]:hover, #result #upload_wrapper input[type=file]:focus {
        border-bottom: unset !important;
        box-shadow: unset; }
    #result #upload_wrapper #upload_buttons {
      padding: 1em; }
    #result #upload_wrapper #crop {
      height: 133px;
      width: 100px;
      background-image: url("../images/placeholder.png");
      background-repeat: no-repeat;
      border: unset; }
    #result #upload_wrapper #photo_canvas:hover {
      cursor: crosshair; }

#error {
  margin-top: .5em;
  margin-bottom: .5em;
  background-color: rgba(255, 0, 0, 0.2); }
  #error h3 {
    padding: .3em;
    padding-bottom: 0; }
  #error p {
    padding: .3em; }

#group .add_groupmember {
  margin-right: .5em; }

.group_table {
  margin-bottom: 2em; }

#group_tables {
  margin: 1em; }
  #group_tables #group_searchbox h2 {
    margin-top: 1em; }
  #group_tables #group_search_user {
    margin-right: 0.5em; }
  #group_tables #group_input_nachname {
    margin-bottom: 0.5em; }
  #group_tables table {
    margin-top: 1em;
    text-align: left;
    margin-bottom: 0.75em; }
  #group_tables thead {
    background: rgba(0, 0, 0, 0.25); }
  #group_tables th {
    width: 5em;
    padding: 0.3em;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #group_tables th:nth-child(3) {
    width: 100%; }
  #group_tables tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.1); }
  #group_tables tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.01); }
  #group_tables td {
    padding: 0.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #group_tables tbody {
    font-size: 0.9em; }

#editor_wrapper {
  padding: 1em;
  padding-top: 0; }
  #editor_wrapper #editor_vorname, #editor_wrapper #editor_nachname {
    margin-bottom: 0.5em; }
  #editor_wrapper h2 {
    margin-top: .5em; }
  #editor_wrapper label {
    padding-top: .1em;
    padding-bottom: 1em; }
  #editor_wrapper .changed_attribute {
    background-color: #1e8c3c;
    color: white; }
  #editor_wrapper input[readonly] {
    cursor: not-allowed;
    background-color: lightgray; }

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

.ui-widget-overlay {
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background: rgb(50, 50, 50) !important; /* This will make it darker */
}