html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
	/*background-color: #78be20;*/
    /*background-color: #f5f5f5;*/
    /*background-color: blue;
    border-top: 1px solid #ddd;
    padding-top: 20px;*/
}

.statistics-index #OptionButtons input[disabled]{
    opacity: 0.65;
    background-color: white;
}

.statistics-index #OptionButtons span[disabled]{
    opacity: 0.65;
}

.btn-white{
    border-radius: 4px;
    background-color: white;
    border-color: rgb(204, 204, 204);
    color: #555555;
}

.showCanceledWithoutDrawingTooMuchAttention{
    background-color: rgba(200,0,128,0.075)!important;
}

.nolinkstyle a{/*Add Paging options @Thomas */
  text-decoration: none;
  color: black;
}

.nolinkstyle a:hover{
  text-decoration: none;
  color: black;
}
.jumbotron {
    text-align: center;
    background-color: transparent;
	border: solid 10px #78be20;
}

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0px;
}

/*
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* -------------------- Custom Styles für Prüfungsplattform, Sommer 2020 -----------------*/


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #009fdf;
}



.colored-icon {
    height: 15px;
    width: 15px;
    #background-color: #5bc0de;
    background-color: gray;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.gruener-kasten {
	background-color: #78be20;
}

.schule {
	color:#78be20;
}

h1.schule {
	color: #78be20;
}

/*h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  color: #78be20;
}*/

/* navbar ecdl */
.navbar-ecdl {
  background-color: #009fdf;
  border-color: #003c71;
}

.navbar-ecdl .navbar-brand {
  color: #fff;
}
.navbar-ecdl .navbar-brand:hover,
.navbar-ecdl .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-ecdl .navbar-text {
  color: #f6f6f6;
}
.navbar-ecdl .navbar-nav > li > a {
  color: #f6f6f6;
}
.navbar-ecdl .navbar-nav > li > a:hover,
.navbar-ecdl .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-ecdl .navbar-nav > .active > a,
.navbar-ecdl .navbar-nav > .active > a:hover,
.navbar-ecdl .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #003c71;
}
.navbar-ecdl .navbar-nav > .disabled > a,
.navbar-ecdl .navbar-nav > .disabled > a:hover,
.navbar-ecdl .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-ecdl .navbar-nav > .open > a,
.navbar-ecdl .navbar-nav > .open > a:hover,
.navbar-ecdl .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #003c71;
}
@media (max-width: 767px) {
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #003c71;
  }
  .navbar-ecdl .navbar-nav .open .dropdown-menu .divider {
    background-color: #003c71;
  }
  .navbar-ecdl .navbar-nav .open .dropdown-menu > li > a {
    color: #f6f6f6;
  }
  .navbar-ecdl .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-ecdl .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #003c71;
  }
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-ecdl .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-ecdl .navbar-toggle {
  border-color: #333;
}
.navbar-ecdl .navbar-toggle:hover,
.navbar-ecdl .navbar-toggle:focus {
  background-color: #333;
}
.navbar-ecdl .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-ecdl .navbar-collapse,
.navbar-ecdl .navbar-form {
  border-color: #101010;
}
.navbar-ecdl .navbar-link {
  color: #f6f6f6;
}
.navbar-ecdl .navbar-link:hover {
  color: #fff;
}
.navbar-ecdl .btn-link {
  color: #f6f6f6;
}
.navbar-ecdl .btn-link:hover,
.navbar-ecdl .btn-link:focus {
  color: #fff;
}
.navbar-ecdl .btn-link[disabled]:hover,
fieldset[disabled] .navbar-ecdl .btn-link:hover,
.navbar-ecdl .btn-link[disabled]:focus,
fieldset[disabled] .navbar-ecdl .btn-link:focus {
  color: #444;
}

/*-------------- Button ecdl --------------*/

.btn-schule {
  color: #fff;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-schule:hover {
  color: #fff;
  background-color: #003c71;
  border-color: #545b62;
}

.btn-schule:focus, .btn-schule.focus {
  color: #fff;
  background-color: #003c71;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-schule.disabled, .btn-schule:disabled {
  color: #fff;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-schule:not(:disabled):not(.disabled):active, .btn-schule:not(:disabled):not(.disabled).active,
.show > .btn-schule.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-schule:not(:disabled):not(.disabled):active:focus, .btn-schule:not(:disabled):not(.disabled).active:focus,
.show > .btn-schule.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}


/* ----------------- Bootstrap 4 Styles -------------------------*/

.float-right {
  float: right !important;
}

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

.btn-secondary {
  color: #fff;
  background-color: #c4d600;
  border-color: #c4d600;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #003c71;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #003c71;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #c4d600;
  border-color: #c4d600;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}


.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

/* ----------------- Vertical Text and color in Table-Headers -------------------------*/
/* in views/modules/selection.php: */

vertical-outer { 
	display: flex; flex-direction: column; 
	width: 1.0em; height: 19em;
}

vertical-inner {
	margin-top: auto;
	transform: rotate(270deg);
}

vertical-outer > vertical-inner > abbr[title] {
	text-decoration: none;
}

.pflicht-modul {
	background-color: #ccf2ff;
}
.wahl-modul {
	background-color: #b3ffe6; //#99ffdd;
}
.einzel-modul {
	background-color: #ccffcc;
}
.advanced-modul {
	background-color: #ffebcc;
}