﻿body {
 color: #000000; 
}

a:hover {
    color: #eeeeee;
}

/* footer{ */
	/* display: none; */
/* } */


select{
    display: unset !important;
}

.mainbackground {
	background-color: #ffffff;
	background-image: url("background.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height:100%;
	min-height:100%;
}

.navbar.navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    cursor: pointer;
}

.checkbox label .checkbox-decorator .check, label.checkbox-inline .checkbox-decorator .check {
    border: 0.125rem solid rgb(255, 255, 255);
}

.radio label:focus, .radio label:active, .radio label:hover,
  .is-focused .radio label:focus,
  .is-focused .radio label:active,
  .is-focused .radio label:hover,
  .radio-inline:focus,
  .radio-inline:active,
  .radio-inline:hover,
  .is-focused
  .radio-inline:focus,
  .is-focused
  .radio-inline:active,
  .is-focused
  .radio-inline:hover,
  .checkbox label:focus,
  .checkbox label:active,
  .checkbox label:hover,
  .is-focused
  .checkbox label:focus,
  .is-focused
  .checkbox label:active,
  .is-focused
  .checkbox label:hover,
  .checkbox-inline:focus,
  .checkbox-inline:active,
  .checkbox-inline:hover,
  .is-focused
  .checkbox-inline:focus,
  .is-focused
  .checkbox-inline:active,
  .is-focused
  .checkbox-inline:hover,
  .switch label:focus,
  .switch label:active,
  .switch label:hover,
  .is-focused
  .switch label:focus,
  .is-focused
  .switch label:active,
  .is-focused
  .switch label:hover  {
  color: rgba(255, 255, 255, 0.7); 
 }

/* LOGIN Bereich */
.form-control::placeholder, .custom-file-control::placeholder {
    color: #000000;
    opacity: 1;
}

.form-control, .custom-file-control {
    color: #000000;
}

.is-filled [class^="bmd-label"], .is-focused [class^="bmd-label"], [class^="bmd-label"], [class*=" bmd-label"] {
    color: #000000;
}

#EMAIL {
	color: #000000;
}

#Password{
	color: #000000;
}

/* ENDE Login */

/* MY Account */
/* #PersonInformation, #headingTermin, #ConracttInformation { */
	/* display: none; */
/* } */

/* Ende MY Account */

/* Kurs Übersicht */

/* Info ausblenden */
/* #CourseInformation { */
	/* display: none; */
/* } */


#myTabContentMD {
	border: 0px;
}

.bg-light {
    background-color: #ffffff !important;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #000000;
}
.navbar-light .navbar-brand {
    color: #000000;
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #000000;
}

.nav-tabs .nav-link {
    color: #000000;
}

/* .pb-3{  */
    /* background-color: #e2001a; */
/* } */

.nav-tabs {
    background-color: #e2001a;
}

.jqtree-title
{
	color: #000000 !important;
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #000000 !important;
}

.peach-gradient {
    background: #e2001a !important;
}

.card {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.8);
	margin: 10px 10px 20px 10px;
}

.weather-card{
	background-color: #e2001a;
}

.checkbox label, .checkbox label:hover, label.checkbox-inline {
	color: #000000;
}

.weather-card .btn-outline-warning, .weather-card .btn-outline-warning:hover, .weather-card .btn-outline-warning:focus, .weather-card .btn-outline-warning:active,  .weather-card .btn-outline-warning:active:focus, .weather-card .btn-outline-warning.active {
    border-color: #000000 !important;
    background-color: transparent !important;
    color: #000000 !important;
}

.card-header {
    background-color: #e2001a;
}


.radio label, .is-focused .radio label, .radio-inline, .is-focused .radio-inline, .checkbox label, .is-focused .checkbox label, .checkbox-inline, .is-focused .checkbox-inline, .switch label, .is-focused .switch label{
color: #000000;
}

.darkfontcolor{
	color: #ffffff;
}

.tab-content {
    padding: 0px;
}

.pt-5, .py-5 {
    padding-top: 0.5rem !important;
}

/* #CourseInformation + li { */
	/* display: none; */
/* } */
#idPaymentInformation{ 
	 display: none; 
} 

/* Tabelle Übersicht gebuchte Kurse */

.table{
white-space: nowrap;
}

.table-striped tbody{
	border: 1px solid #e2001a;
}

.table td {
    /* border-top: 1px solid rgba(63, 190, 232, 0.5); */
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.1);
}

.table-striped tbody tr:nth-of-type(1){
	background-color: #e2001a;
	font-weight: 300;
}

/* Buttons */
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active {
    border-color: #e2001a !important;
    background-color: transparent !important;
    color: #e2001a !important;
}

.btn-outline-warning {
    border: 2px solid #e2001a !important;
    background-color: transparent !important;
    color: #e2001a !important;
}

.card .card-body .card-text {
    font-size: 0.9rem;
    color: #000000;
    font-weight: 400;
}

.btn-outline-warning {
  color: #000000;
  background-color: transparent;
  background-image: none;
  border-color: #e2001a; }
  .btn-outline-warning:hover, .btn-outline-warning:active {
    color: #fff;
    background-color: #e2001a;
    border-color: #e2001a; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 1px rgba(63, 190, 232, 1); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #000000;
    background-color: transparent; }
  .btn-outline-warning:active, .btn-outline-warning.active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
	box-shadow: 0 0 0 1px rgba(63, 190, 232, 1);
    background-color: #e2001a;
    border-color: #e2001a; }
	
.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    background-color: transparent !important;
    border-color: #e2001a !important;
}

.btn[class*="btn-outline-"] {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Login Bereich */
.form-control, .custom-file-control, .is-focused .form-control, .is-focused .custom-file-control {
    background-image: linear-gradient(to top, #e2001a 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, #000000 1px, transparent 1px);
}

.card-deck {
	margin-top: 15px;
}

/* Anmeldeliste Button */
a .btn-gebuchte-kurse {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	margin-top: -10px;
}

.table th, .table td {
    vertical-align: middle;
}

.form-control:read-only, .custom-file-control:read-only {
    background-image: linear-gradient(to top, #e2001a 2px, #ffffff 2px), linear-gradient(to top, #000000 1px, transparent 1px);
}

.form-control:disabled, .custom-file-control:disabled, .form-control[readonly], [readonly].custom-file-control {
    background-color: #e9ecef;
    opacity: 0.5;
}

.form-control:focus , .custom-file-control:focus {
	color: #000000;
	background-color: #ffffff;
}

fieldset[disabled][disabled] .form-control, fieldset[disabled][disabled] .custom-file-control, .form-control.disabled, .disabled.custom-file-control, .form-control:disabled, .custom-file-control:disabled, .form-control[disabled], [disabled].custom-file-control {
       background-image: linear-gradient(to top, #000000 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, rgba(255, 255, 255, 0.5) 1px, transparent 1px);
}

.nav-tabs .nav-link.active {
    border-color: #000000;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.open .nav-link {
    background-color: rgba(255, 255, 255, 0.2); 
    color: #000000;
    border-color: #000000;
}



.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    border-color: #000000;
}

table.table a {
    margin: 0;
    color: #000000;
}

.is-focused [class^='bmd-label'], .is-focused [class*=' bmd-label']
{
	color: #e2001a;
}

[type="radio"], [type="checkbox"] {
    position: relative;
    left: 0px;
    visibility: unset;
}

.dropdown-menu {
    background-color: #ffffff;
}

.navbar .dropdown-menu a{
    color: #000000 !important;
}

  .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active {
    background-color: #e2001a !important; }

.dropdown-primary .dropdown-content li.active, .dropdown-primary .dropdown-content li a, .dropdown-primary .dropdown-content li span:hover {
    background-color: #e2001a !important;
}

.dropdown-primary .search-wrap input:focus {
    border-bottom: 1px solid #e2001a;
    box-shadow: 0 1px 0 0 #e2001a;
}

.card-title{
	color: #ffffff
}

.side-nav{
	background-color: #ffffff;
}

.card-body {
	color: #000000;
}

#fileinputrestperiod {
	display:none;
}

@media only screen and (max-width: 800px) {
            /* Force table to not be like tables anymore */
            table:not(.datepicker-table), 
             thead, 
             tbody:not(.datepicker-table-body), 
             th:not(.datepicker-day-heading), 
             td:not(.datepicker-cell), 
             tr { 
                        display: block; 
            }

            /* Hide table headers (but not display: none;, for accessibility) */
            thead:not(.datepicker-day-heading) tr { 
                        position: absolute;
                        top: -9999px;
                        left: -9999px;
            }

             tr { border: 1px solid #ccc; }

             td:not(.datepicker-cell) { 
                        /* Behave  like a "row" */
                        border: none;
                        border-bottom: 1px solid #eee; 
                        position: relative;
                        padding-left: 50%; 
                        white-space: normal;
                        text-align:right;
            }

             td:not(.datepicker-cell):before { 
                        /* Now like a table header */
                        position: absolute;
                        /* Top/left values mimic padding */
                        top: 0px;
                        left: 0px;
                        width: 45%; 
                        white-space: nowrap;
                        font-weight: bold;
                        text-align: left;
                        padding: 1rem 1.4rem;
            }

            /*
            Label the data
            */
            td:not(.datepicker-cell):before { content: attr(data-title); }
}
