﻿body {
     background: #ECECEC; /*Only Light needed */ 
}

#FooterText{
	background-color: rgba(0, 0, 0, 0.2);
}

/* Für die Buttons im Footer  */
.btn-outline-dark {
    color: #424242; /*switch Dark/Light */
    border-color: #424242; /*switch Dark/Light */
}
/* Für die Buttons im Footer  */
.btn-outline-dark:hover {
    color: #424242; /*switch Dark/Light */
    border-color: #424242; /*switch Dark/Light */
}

.bg-light { /*switch Dark/Light */
    background-color: #fbfbfb!important; /* Light */
	    /* background-color: rgba(0, 0, 0, 0.2)!important; /* Dark */
}

.navbar-light .navbar-nav .nav-link {
    /* color: #fff; /*Only Dark Needed*/
}

.navbar-light .navbar-nav .nav-link:hover {
    /* color: #fff; /*Only Dark Needed*/
}

.navbar-light .navbar-nav .nav-link:focus {
    /* color: #fff; /*Only Dark Needed*/
}

.chipsfiltergroups {
	background-color: gray;
	color: white;
	margin-bottom: 0rem;
}

.chipsfilteritems {
	background-color: #e2001a;
	color: white;
	margin-bottom: 0rem;
}

.selectizeItemCustom {
	background-color: #e2001a !important;
	color: white !important;
	background-image: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border: 0px solid white !important;
	padding: 4px 8px !important;
	border-radius: 20px !important;
	font-weight: 500;
}

.btn-warning  {
	 color: #ffffff; /*switch Dark/Light */
	background: #4879B2;
}

.btn-warning:hover {
	color: #ffffff; /*switch Dark/Light */
	background: #4879B2;
}

.btn-warning:active {
	color: #ffffff; /*switch Dark/Light */
	background: #4879B2;
}

.btn-warning:focus {
	color: #ffffff; /*switch Dark/Light */
	background: #4879B2;
}

.btn-warning:disabled {
	color: #ffffff; /*switch Dark/Light */
	background: #4879B2;
}

.bg-primary {
	background-color: #4879B2!important;
}

.form-control:focus#capture{
	color: #4879B2;
	border-color: #4879B2;
}

.form-outline .form-control:focus~.form-label {
	color: #4879B2;
}

.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: 0.125rem solid #4879B2;
    border-bottom: 0.125rem solid #4879B2;
    border-left: 0.125rem solid #4879B2;
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: 0.125rem solid;
    border-color: #4879B2;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-top: 0.125rem solid #4879B2;
    border-bottom: 0.125rem solid #4879B2;
    border-right: 0.125rem solid #4879B2;
}

.accordion-button:not(.collapsed){
	color: #4879B2;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #4879B2;
    border-color: #4879B2;
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2316142f'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E")
}

.aqua-gradient {
    background: linear-gradient(40deg, #4879B2, #FFFFFF) !important;
}

.fc-state-default {
    border-color: #4879B2;
    color: #4879B2;
}

.fc-state-down, .fc-state-active {
    background-color: #4879B2;
    color: #FFFFFF;
}

.fc-state-hover{
	background-color: rgba(133,4,121,0.3);
}

.fc-state-disabled {
    background-color: rgba(133,4,121,0.3);
    filter: alpha(opacity=65);
    border: 1px solid rgba(133,4,121,0.3);
    color: #4879B2;
}

.border-gray-top {
	border-top-style: solid;
    border-width: 2px;
    border-color: lightgray;
}

.border-gray-bottom {
	border-bottom-style: solid;
    border-width: 2px;
    border-color: lightgray;
}

.btn-rounded {
	border-radius: 0.5rem;
}

.ns-calendar .events .li-calender:hover {
	background: lightgray;
}

.ns-calendar .event-title:hover {
	color: #4879B2;
}

.ns-calendar .event-info:hover {
	color: #4879B2;
}

.select-input.focused~.select-arrow {
    color: #4879B2;
}

.select-input.focused~.select-label {
    color: #4879B2;
}

.select-input.focused~.form-notch .form-notch-leading {
    border-top: 2px solid #4879B2;
    border-bottom: 2px solid #4879B2;
    border-left: 2px solid #4879B2;
}

.select-input.focused~.form-notch .form-notch-middle{
    border-bottom: 2px solid;
    border-color: #4879B2;
}

.select-input.focused~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #4879B2;
    border-bottom: 2px solid #4879B2;
    border-right: 2px solid #4879B2;
    border-top: 2px solid #4879B2;
}

.datepicker-toggle-button:focus, .datepicker-toggle-button:hover {
    color: #4879B2;
}

.datepicker-header {
    background-color: #4879B2;
}

.datepicker-footer-btn{
	color: #4879B2;
}

.datepicker-cell.selected .datepicker-cell-content {
    background-color: #4879B2;
    color: #ffffff; /*switch Dark/Light */
}

.datepicker-date-controls, .datepicker-date-text, .datepicker-title-text {
    color: #ffffff; /*switch Dark/Light */
}

.page-item.active .page-link {
    background-color: #4879B2;
}

.form-check-input:checked {
    border-color: #4879B2;
}

.form-check-input[type=checkbox]:checked {
    background-color: #4879B2;
}

.form-check-input:focus {
    border-color: #4879B2;
}

.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px #4879B2;
}

.form-check-input[type=checkbox]:checked:after {
    border-color: #ffffff; /*switch Dark/Light */
}

.form-check-input[type=checkbox]:checked:focus {
	border-color: #4879B2;
	background-color: #4879B2;
}

.form-check-input:checked, .form-check-input:checked:focus {
	border-color: #4879B2;	
	background-color: #4879B2;
}

/* Change Color light Accent */
.badge-primary {
    background-color: #8cb1db;
}

.badge-primary i {
    color: #4879B2;
}

.btn-link {
    color: #4879B2;
}

.progress-bar {
	background-color: #4879B2;
}

a {
	cursor: pointer;
}

a:hover {
	color: #4879B2;
}

.list-group-item{
	color: #424242!important; /*switch Dark/Light */
}

.list-group-item-action {
	color: #4879B2!important;
}

.badge-primary {
    color: #ffffff; /*switch Dark/Light */
}

.form-check-input[type=radio]:checked:after {
    border-color: #4879B2;
    background-color: #4879B2;
}

.loading-spinner{
	color: #4879B2;
}
            
.navbar-toggler{
	disabled:true!important;
}
			

@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); }
}
