/*
    Layout und Styles für HAdW-Personen-DB

    letzte Änderung: v0.2.3 vom 2017/01/25 daffi/HAdW
*/


/*
    HAW-Blau im Imperia:
        Striche: #0000cc;
        Kopf-Hintergrund: #0542e1;
*/

/* 
   -------------------------------------------------------------------
   bootstrap
   -------------------------------------------------------------------
*/

@media print {
  a[href]:after {
    content: none;
  }
}

.modal-dialog { width: 90%; }

/* change background of labels for fields with a Required constraint
   from: HTML::FormFu::Manual::CookBook
*/
.constraint_required label {
  background: #ccccff;
}

/* Fehler in den forms */
.constraint_required span {
  background: #f00;
  padding: .8em;
}

/* Fehler in den forms */
.constraint_required span:after {
  content: '!'
}


/* highlight */
.filterMatches{
  background-color: #fff34d;
  -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
  border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}


/* 
    --------------------------------------------------------------
    fonts
    --------------------------------------------------------------
*/

@font-face {
    font-family:'dLibertine';
    src: local('Linux Libertine R'),
         url('../fonts/libertine/LinLibertine_R.woff') format('woff'),
         url('../fonts/libertine/LinLibertine_R.ttf') format('truetype'),
         url('../fonts/libertine/LinLibertine_R.otf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'dLibertine';
    src: local('Linux Libertine RB'),
         url('../fonts/libertine/LinLibertine_RB.woff') format('woff'),
         url('../fonts/libertine/LinLibertine_RB.ttf') format('truetype'),
         url('../fonts/libertine/LinLibertine_RB.otf') format('truetype');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'dLibertine';
    src: local('Linux Libertine RI'),
         url('../fonts/libertine/LinLibertine_RI.woff') format('woff'),
         url('../fonts/libertine/LinLibertine_RI.ttf') format('truetype'),
         url('../fonts/libertine/LinLibertine_RI.otf') format('truetype');
    font-weight:normal;
    font-style:italic;
}

/* Eine TT-Schrift ist zur Eingabe besser geeignet: */
@font-face {
    font-family:'dDejaVuM';
    src: local('DejaVu Sans Mono, Normal'),
         url('../fonts/dejavu/DejaVuSansMono.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


body {
  background-color: #ffffff;
/*  font-family: "dLibertine","Times New Roman","Arial Unicode MS",Times,serif; */
/*  font-size: 100%; */
  color: #000000;
  margin: 0px;
  padding: 0px;
}

/* Eine TT-Schrift ist zur Eingabe besser geeignet: */
input, textarea {
  background-color: #ffffff;
  font-family: "dDejaVuM","Arial Unicode MS","Times New Roman",Times,serif;
/*  font-size: 100%; */
  color: #000000;
  margin: 0px;
  padding: 2px;
}

.markItUp {
  margin-left: 17em;
  font-family: "dDejaVuM","Arial Unicode MS","Times New Roman",Times,serif;
}


/*
    Imperia
*/
table.imperia {
  padding: 50px;
  page-break-inside: auto;
  width: 90%;
}
td.imperia  { font-weight: normal; vertical-align: top; }
th.imperia  {
  background-color:#CCDBFF;
  text-align:center;
}
img.imperia {
  display:block;
  max-height: 200px;
  height: auto !important;
  width: auto  !important;
  background: gray;
  border: grey 1px solid;
}

/*
   -------------------------------------------------------------------
   HAdW
   -------------------------------------------------------------------
*/

.hadw-kopf {
  /* grau: http://www.w3schools.com/cssref/css_colors.asp */
  /* background-color: #d1d1d1; */
  background-color: #d0d0d0;
  float: left;
  width: 100%;
  /* margin-bottom: 2ex; */
  /* margin-top: 1ex; */
}

.hadw-box-logo { display: block; width: 20ex; float: left; }
.hadw-box-schrift { display: block; text-align: left; margin-top: 2ex; margin-left: 1ex; }
.hadw-logo {
  /* background-color: red; */
  display: block;
  width: 13ex;
  margin-left: .5ex;
  margin-right: 0;
  margin-top: 1.5ex;
  margin-bottom: .5ex;
  margin-left: 3ex;
}

.hadw-schrift {
  /* background-color: yellow; */
  color: #3c3b9d;
  display: block;
  font-size: xx-large;
  font-family: sans-serif;
  text-align: left;
}

.hadw-strich {
  display: block;
  /* background-color: #3c3b9d; */
  height: 1ex;
}

.hadw-fs {
  /* background-color: green; */
  display: block;
  font-size: large;
  font-family: sans-serif;
  text-align: left;
}

.noligs {                         /* geht nicht für Dejavu-Font */
  font-variant-ligatures: no-common-ligatures;
  -moz-font-feature-settings: "liga" 0, "clig" 0;
  -ms-font-feature-settings: "liga" 0, "clig" 0;
  -o-font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
}

.hadw-fuss {
  /* grau: http://www.w3schools.com/cssref/css_colors.asp */
  /* background-color: #d1d1d1; */
  background-color: #d0d0d0;
  text-align: center;
  width: 100%;
}

.navbar {
  color: #FFFFFF;
  background-color: #3c3b9d;
  border-color:  #3c3b9d;
/* background-color: #0542e1; */

  border-radius:0;
  font-family: sans-serif;
}



a { /* z.B. in der Kopfzeile */
  color: #3c3b9d;
}


.navbar .navbar-nav > li > a {
    color:#ffffff;
}


/*
   -------------------------------------------------------------------
   PersonenApp
   -------------------------------------------------------------------
*/

#txtfuss {
  color: #0000CC;
  font-weight: bold;
  text-align: center;
}


/* Klassen */

.ak { background-color: green; margin-right: 1em; }
.gs { background-color: red; margin-right: 1em; }
.mn { background-color: blue; margin-right: 1em; }
.ph { background-color: yellow; margin-right: 1em; }
.wk { background-color: lime; margin-right: 1em; }


.blau {
  color: #0542e1;
}

.blauhellblau { 
  background-color: #bbcbf2;
  color: #3e5eff;
}

#nebeneinander {            /* tabges: Kommentare nebeneinander */
  width: 100%;
}

#leftSide {                   /* tabges: historischer Kommentar */
  float: left;
  width: 47%;
}

#rightSide {                /* tabges: philologischer Kommentar */
  margin-left: 48%;
}

.text {                              /* notwendig für jeden Text */
  font-family: "dLibertine","Times New Roman","Arial Unicode MS",Times,serif;
  text-align:justify;
}

.lit {                              /* notwendig für jeden Text */
  font-family: "dLibertine","Times New Roman","Arial Unicode MS",Times,serif;
}

.info {
  min-width:200px;
}

td.znr {                               /* Zeilennummer für Text */
  font-size:xx-small;
  text-align:left;
  padding-right: 2em;
}

tr.abc {                /* Etiketten und Schilder: ABC hinterlegt */
  background-color: #ccdbff;
  font: 3ex "dLibertine","Times New Roman","Arial Unicode MS",Times,serif;
  padding-left: 1em;
}

                                            /* accordion-header */
#box_blg   .ui-accordion-header { color: #0000cc; }
#box_blg_a .ui-accordion-header { color: #0000cc; }
#box_hak_a .ui-accordion-header { color: #0000cc; }
#box_inh   .ui-accordion-header { color: #0000cc; }
#box_inh_a .ui-accordion-header { color: #0000cc; }
#box_kom   .ui-accordion-header { color: #0000cc; }
#box_lit   .ui-accordion-header { color: #0000cc; }
#box_lit_a .ui-accordion-header { color: #0000cc; }
#box_phk_a .ui-accordion-header { color: #0000cc; }
#box_txt   .ui-accordion-header { color: #0000cc; }
#box_txt_a .ui-accordion-header { color: #0000cc; }

.ui-tooltip {                             /* popup-Blase mit ID */
  color: #0000cc;
  font-weight: bold;
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -o-box-shadow: 0 0 5px #ddd;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  /*box-shadow: 0 2px 5px #ddd;*/
  box-shadow: inset 0 1px 0 #ffffff;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #0000CC;

}

.fett {
  color: #000000;
  font-weight: bold;
}

#text { font-size: 1.5em; }

div.kom {
  font: "dLibertine","Times New Roman","Arial Unicode MS",Times,serif;
  margin-top: 2em;

}

div.links {
  float: left;
  font: "dLibertine","Times New Roman","Arial Unicode MS",Times,serif;
  width: 90%;
}

div.rechts { margin-left: 95%; }

div.clear { clear: left; }

.error_message { background-color:red; }

.yadcf-filter {
  width: 80%;                    /* Breite des yadcf-Filter-Input */
}

.glyphicons-lg {                 /* bootstrap-icons größer machen */
  padding: 5px 8px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}


div.kom table {
  width: 100%;
  margin-bottom: 1em;
}

div.kom table td {
  border:1px solid #428BCA;
  overflow:hidden;
  vertical-align:top;
}

div.kom table th {
  background-color: #d0d0d0;
  border:1px solid #428BCA;
  text-align: center;
}

/* Sortable tables */
table.sortable {
  width: 100%;
}

table.sortable thead {
  background-color: #d0d0d0;
  border:1px solid #428BCA;
  font-weight: bold;
  cursor: default;
}

table.sortable td {
  border:1px solid #428BCA;
  overflow:hidden;
  vertical-align:top;
  padding: 5px;
}

table.sortable th {
  text-align: center;
}


/* ENDE personen-app.css */