/***** Eigene Stiele *****/

.block {
  display: block;
}

.hidden {
  display: none;
}

.clearer {
  clear: both;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.justify {
  text-align: justify;
}

.basic-table {
  display: table;
  width: auto;
  margin-bottom: -10px;
}

.basic-table tr td {
  border: none !important;
  padding: 0 5px 10px;
}

.shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
}

.ausgeblendet {
  /*text-decoration: line-through;*/
  opacity: 0.5;
}

.uppercase {
  text-transform: uppercase;
}

.text-small {
  font-size: 11px;
}

.text-medium {
  font-size: 13px;
}

.text-large {
  font-size: 20px;
}

.befragung-liste {
  padding: 3px 6px;
}

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

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

.align-center {
  text-align: center;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.margin-top {
  margin-top: 20px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.no-border {
  border: none !important;
}

.a_hi {
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dotted #34495e;
}

.def-btn-with {
  width: 240px;
}

.cursor-forbidden {
  cursor: not-allowed !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-help {
  cursor: help !important;
}

.password-error {
  margin: -20px -20px 20px -20px !important;
  border: none !important;
}

.schulklasse {
  font-size: 32px;
  color: silver;
  font-weight: bold;
  line-height: 24px;
}

#infobox {
  position: relative;
  margin-top: 20px;
}

#infobox .ib-header {
  padding: 5px 0;
  margin: 0 15px;
  font-weight: bold;
}

#infobox .ib-body {
  padding: 5px 0 0px;
  margin: 0 15px;
}

#infobox .ib-body dl {
  margin: 0;
}

#infobox .ib-body dt {
  font-size: 11px;
  margin: 5px 0 0 0;
}

#infobox .ib-body dd {
  font-size: 11px;
}

#infobox.default .ib-header {
  border-bottom: 2px dotted #9d9fa2;
  color: #9d9fa2;
}

#infobox.success .ib-header {
  border-bottom: 2px dotted #62cb31;
  color: #62cb31;
}

#infobox.warning .ib-header {
  border-bottom: 2px dotted #FFB606;
  color: #FFB606;
}

#infobox.danger .ib-header {
  border-bottom: 2px dotted #e74c3c;
  color: #e74c3c;
}

#infobox.info .ib-header {
  border-bottom: 2px dotted #3498db;
  color: #3498db;
}

.infobox {
  position: relative;
  width: 80%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px 20px;
  border-radius: 20px;
}

.infobox:after, .infobox:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.infobox.left80:after, .infobox.left80:before {
  left: 80px;
}

.infobox:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}

.infobox:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #ddd;
  border-width: 16px;
  margin-left: -16px;
}

.infobox p {
  margin-right: 30px;
  margin-bottom: 0;
}

#logo {
  background-color: #34495e;
  height: 56px;
  padding: 16px 14px 16px 0px;
  text-align: left;
  width: 180px;
}

.small-logo {
  display: none;
  float: left;
}

.regular-logo {
  display: inline-block;
  float: left;
  text-align: center;
  padding-top: 18px;
  font-size: 14px;
  font-weight: 800;
}

.badge-pos {
  margin: -3px -3px 0 3px;
}

@media (max-width: 768px) {
  .small-logo {
    display: inline-block;
    float: left;
  }

  .regular-logo {
    display: none;
  }
}

/*** Übersicht Teilnahme in Klassen ***/

.overview-participation .op-box {
  float: left;
  background: #fff;
  padding: 4px;
  margin: 0 8px 8px 0;
  width: 260px;
}

.overview-participation .op-box .op-header {
  background-color: #F1F3F6;
  padding: 4px 8px;
}

.overview-participation .op-box .op-row {
  background-color: #fff;
  padding: 4px 8px 0px;
}

.vergleichsgruppe_print {
  display: none;
}

.vergleichsgruppe_screen {
  display: block;
}

/***** Überschreiben *****/

body.modal-open {
  position: inherit;
}

.badge {
  font-weight: normal;
  font-size: 11px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 5px;
}

/* Freitextantworten */
.panel-body .textfrage ul {
  margin: 0 10px;
  padding: 0;
}

.panel-body .textfrage ul li {
  list-style-type: square;
  margin-bottom: 10px;
}

.panel-body .textfrage ul li:last-child {
  margin-bottom: 0px;
}

a:focus {
  outline: 0px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0px;
}

h4 > a {
  text-transform: none !important;
  border-bottom: none !important;
  color: inherit !important;
}

.hpanel.hgrey > .panel-body {
  border-top: 1px solid #E4E5E7 !important;
}

.hpanel.hbggrey > .panel-body {
  background: #F7F9FA;
}

.color-grey {
  color: #D5D5D5 !important;
}

.color-grey1 {
  color: #8f8f8f !important;
}

.color-white {
  color: #fff !important;
}

.bg-white {
  background: white !important;
}

.bg-light-grey {
  background: #F7F9FA !important;
}

.bg-light-grey1 {
  background: #F1F3F6 !important;
}

span.highcharts-title {
  width: 90% !important;
}

.hicharts-area,
.hicharts-area-list {
  min-width: 310px;
  max-width: 1090px;
  height: 520px;
  margin-bottom: 2px;
}

.hichart-bar-pie {
  max-width: 1090px;
}
.hicharts-bar {
  display: block;
  width: 100%;
  min-width: 300px;
  margin-bottom: 2px;
}
.hicharts-bar-short {
  display: inline-block;
  width: 64%;
  margin-bottom: 2px;
}
.hicharts-bar-half {
  display: inline-block;
  width: 49%;
  margin-bottom: 2px;
}
.hicharts-pie {
  display: inline-block;
  width: 35%;
  height: 245px;
  margin-bottom: 2px;
}

.pie_chart_title {
  width: 100%;
  text-align: center;
  font-size: 14px;
  border: none;
  padding: 0;
  margin: 0 20px 0 0;
}

.popover-title {
  font-size: 11px;
  font-weight: bold;
}
.popover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 11px;
}

/********** WIZARD **********/
.hpanel.hbggreen a .panel-body:hover {
  background: #65d232;
}

.hpanel.hbgyellow a .panel-body:hover {
  background: #FFBF25;
}

/********** ALERTS **********/
.alert {
  border-bottom: 0px solid transparent;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 10px 15px 10px 15px;
}

.alert-success {
background-color: #62CB31;
border-bottom: 0px solid #50af26;
color: #fff;
}
.alert-success:hover {
color: #fff;
}

.alert-danger {
background-color: #e74c3c;
border-bottom: 0px solid #d64838;
color: #fff;
}
.alert-danger:hover {
color: #fff;
}

/********** FRAGEBÖGEN **********/

/* Schüler */
.color-student {
  color: #5FC1DF;
}

.link-student {
  color: #5FC1DF;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dotted #5FC1DF;
}

.link-student:hover {
  color: #78CBE4;
  border-bottom: 1px dotted #78CBE4;
}

.progress-bar-student {
  border-right: 4px solid #5FC1DF;
}

.full .progress-bar-student {
  background-color: #78CBE4;
  border-right: 4px solid #5FC1DF;
}

.hpanel.student > .panel-body:nth-child(1),
.panel-body.studentBorderFix { /* _schueler_superschuladmin.php ca. Zeile 187 */
  border-top: 2px solid #5FC1DF !important;
}

.hpanel.student a div:hover,
.hpanel.student a div:focus,
.hpanel.student a div:active {
  color: #fff;
  background: #78CBE4;
}

.btn-student {
  background-color: #78CBE4;
  border-color: #5FC1DF;
  color: #FFFFFF;
}

.btn-student:hover,
.btn-student:focus,
.btn-student:active,
.btn-student.active {
  background-color: #5FC1DF;
  border-color: #5FC1DF;
  color: #FFFFFF;
}

.btn-student-inv {
  background-color: #fff;
  border-color: #5FC1DF;
  color: #5FC1DF;
}

.btn-student-inv:hover,
.btn-student-inv:focus,
.btn-student-inv:active,
.btn-student-inv.active {
  background-color: #78CBE4;
  border-color: #78CBE4;
  color: #fff;
}

/* Lehrer */
.color-teacher {
  color: #AA75BF;
}

a .color-teacher:hover {
  color: #fff;
}

.progress-bar-teacher {
  border-right: 4px solid #9b59b6;
}

.full .progress-bar-teacher {
  background-color: #AA75BF;
  border-right: 4px solid #9b59b6;
}

.hpanel.teacher > .panel-body:nth-child(1),
.panel-body.teacherBorderFix { /* _lehrer_superschuladmin.php ca. Zeile 106 */
  border-top: 2px solid #9b59b6 !important;
}

a div.teacherBorderFix:hover,
a div.teacherBorderFix:focus,
a div.teacherBorderFix:active {
  color: #fff;
  background: #A066B6;
}

.btn-teacher {
  background-color: #A066B6;
  border-color: #9b59b6;
  color: #FFFFFF;
}

.btn-teacher:hover,
.btn-teacher:focus,
.btn-teacher:active,
.btn-teacher.active {
  background-color: #9b59b6;
  border-color: #9b59b6;
  color: #FFFFFF;
}

/* Eltern */
.color-parents {
  color: #E67A24;
}

.progress-bar-parents {
  border-right: 4px solid #E67A24;
}

.full .progress-bar-parents {
  background-color: #EC9C5A;
  border-right: 4px solid #E67A24;
}

/* Is actually an IE8 fix, but it doesn´t seem to interfere with other browser */
.panel-body {
  border-bottom: 1px solid #E4E5E7 !important;
}/* end */

.hpanel.parents > .panel-body:nth-child(1) {
  border-top: 2px solid #E67A24 !important;
}

.hpanel.parentsBg .panel-body {
  background: #EC9C5A;
  color: #fff;
  border: none;
}

.hpanel.parentsBg:hover .panel-body {
  background: #E67A24;
}

.hpanel.parents a div:hover,
.hpanel.parents a div:focus,
.hpanel.parents a div:active {
  color: #fff;
  background: #E98C3F;
}

.btn-parents {
  background-color: #E98C3F;
  border-color: #E67A24;
  color: #FFFFFF;
}

.btn-parents:hover,
.btn-parents:focus,
.btn-parents:active,
.btn-parents.active {
  background-color: #E67A24;
  border-color: #E67A24;
  color: #FFFFFF;
}

/* Disabled */
.color-disabled {
  color: #aaa;
}

.hpanel.disabled > .panel-body:nth-child(1) {
  border-top: 2px solid #aaa !important;
}

.hpanel.disabled a div:hover,
.hpanel.disabled a div:focus,
.hpanel.disabled a div:active {
  color: #fff;
  background: #aaa;
}

.btn-disabled {
  background-color: #aaa;
  border-color: #aaa;
  color: #FFFFFF;
}

.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active,
.btn-disabled.active {
  background-color: #aaa;
  border-color: #aaa;
  color: #FFFFFF;
}

/* Schule */

.hpanel.schoolBg .panel-body {
  background: #405A74;
  color: #fff;
  border: none;
}

.hpanel.schoolBg:hover .panel-body {
  background: #34495E;
}

/********************* STATUS ******************/

/* Inaktiv */
.hpanel.status-inaktiv > .panel-body:nth-child(1) {
  border-top: 2px solid #D9534F !important;
}

/* Aktiv */
.hpanel.status-aktiv > .panel-body:nth-child(1) {
  border-top: 2px solid #FFB606 !important;
}

/* Beendet */
.hpanel.status-beendet > .panel-body:nth-child(1) {
  border-top: 2px solid #337AB7 !important;
}

/* Ausgewertet */
.hpanel.status-ausgewertet > .panel-body:nth-child(1) {
  border-top: 2px solid #62CB31 !important;
}

/**************** MEDIA QUERIES *****************/

.xs {
  text-align: left !important;
}

@media (min-width: 768px) {
  .sm {
  }
}

@media (min-width: 992px) {
  .md {
  }
}

@media (min-width: 1200px) {
  .lg {
  }
}

/* Nur beim Drucken sichtbar */

.content h1 {
  display: none;
}