﻿

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: #fff;
    border-color: #fff;
}
/* Für die Buttons im Footer  */
.btn-outline-dark:hover {
    color: #fff;
    border-color: #fff;
}

.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: #424242; /*switch Dark/Light */
	background: #FF2A1B;
}

.btn-warning:hover {
	color: #424242; /*switch Dark/Light */
	background: #FF2A1B;
}

.btn-warning:active {
	color: #424242; /*switch Dark/Light */
	background: #FF2A1B;
}

.btn-warning:focus {
	color: #424242; /*switch Dark/Light */
	background: #FF2A1B;
}

.btn-warning:disabled {
	color: #424242; /*switch Dark/Light */
	background: #FF2A1B;
}

.bg-primary {
	background-color: #FF2A1B!important;
}

.form-control:focus#capture{
	color: #FF2A1B;
	border-color: #FF2A1B;
}

.form-outline .form-control:focus~.form-label {
	color: #FF2A1B;
}

.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: 0.125rem solid #FF2A1B;
    border-bottom: 0.125rem solid #FF2A1B;
    border-left: 0.125rem solid #FF2A1B;
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: 0.125rem solid;
    border-color: #FF2A1B;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-top: 0.125rem solid #FF2A1B;
    border-bottom: 0.125rem solid #FF2A1B;
    border-right: 0.125rem solid #FF2A1B;
}

.accordion-button:not(.collapsed){
	color: #FF2A1B;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FF2A1B;
    border-color: #FF2A1B;
}

.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='%23ebc917'%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, #FF2A1B, #FFFFFF) !important;
}

.fc-state-default {
    border-color: #FF2A1B;
    color: #FF2A1B;
}

.fc-state-down, .fc-state-active {
    background-color: #FF2A1B;
    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: #FF2A1B;
}

.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: #424242;
}

.ns-calendar .event-title:hover {
	color: #FF2A1B;
}

.ns-calendar .event-info:hover {
	color: #FF2A1B;
}

.select-input.focused~.select-arrow {
    color: #FF2A1B;
}

.select-input.focused~.select-label {
    color: #FF2A1B;
}

.select-input.focused~.form-notch .form-notch-leading {
    border-top: 2px solid #FF2A1B;
    border-bottom: 2px solid #FF2A1B;
    border-left: 2px solid #FF2A1B;
}

.select-input.focused~.form-notch .form-notch-middle{
    border-bottom: 2px solid;
    border-color: #FF2A1B;
}

.select-input.focused~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #FF2A1B;
    border-bottom: 2px solid #FF2A1B;
    border-right: 2px solid #FF2A1B;
    border-top: 2px solid #FF2A1B;
}

.datepicker-toggle-button:focus, .datepicker-toggle-button:hover {
    color: #FF2A1B;
}

.datepicker-header {
    background-color: #FF2A1B;
}

.datepicker-footer-btn{
	color: #FF2A1B;
}

.datepicker-cell.selected .datepicker-cell-content {
    background-color: #FF2A1B;
    color: #424242; /*switch Dark/Light */
}

.datepicker-date-controls, .datepicker-date-text, .datepicker-title-text {
    color: #424242; /*switch Dark/Light */
}

.page-item.active .page-link {
    background-color: #FF2A1B;
}

.form-check-input:checked {
    border-color: #FF2A1B;
}

.form-check-input[type=checkbox]:checked {
    background-color: #FF2A1B;
}

.form-check-input:focus {
    border-color: #FF2A1B;
}

.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px #FF2A1B;
}

.form-check-input[type=checkbox]:checked:after {
    border-color: #424242; /*switch Dark/Light */
}

.form-check-input[type=checkbox]:checked:focus {
	border-color: #FF2A1B;
	background-color: #FF2A1B;
}

.form-check-input:checked, .form-check-input:checked:focus {
	border-color: #FF2A1B;	
	background-color: #FF2A1B;
}

/* Change Color light Accent */
.badge-primary {
    background-color: #ffff9d;
}

.badge-primary i {
    color: #424242;
}

.btn-link {
    color: #FF2A1B;
}

.progress-bar {
	background-color: #FF2A1B;
}

a {
	cursor: pointer;
}

a:hover {
	color: #FF2A1B;
}

.list-group-item{
	color: #ffffff!important; /*switch Dark/Light */
}

.list-group-item-action {
	color: #FF2A1B!important;
}

.btn-warning {
    color: #fff;
    background: #FF2A1B;
}

.badge-primary {
    color: #424242; /*switch Dark/Light */
}

.form-check-input[type=radio]:checked:after {
    border-color: #FF2A1B;
    background-color: #FF2A1B;
}

.loading-spinner{
	color: #FF2A1B;
}
            

@media only screen and (max-width: 800px) {
	/* Force table to not be like tables anymore */
	 table, 
	 thead, 
	 tbody, 
	 th, 
	 td, 
	 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	 tr { border: 1px solid #ccc; }
 
	 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:right;
	}
 
	 td: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:before { content: attr(data-title); }
}