html {
    position: relative;
    min-height: 100%;
}

.main {
	margin-bottom: 8rem;
	margin-top: 1rem;
}
}
.beschreibung {
	margin-bottom: 2rem;
	margin-top: 1rem;
}        
body {
    margin-bottom: 70px;
}
        
a {
    color: #f49211 ;
}
.form-check-inline {
	vertical-align: top;
}

.footer {
    position: absolute;
    color: #fff;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.template_breadcrumb {
	margin-bottom: 2rem;
}
.btn-space {
	margin-left: .5rem;
}
.table-bordered {
	border-radius: .25rem;
}
.btn-ionos {
    color: #fff;
    background-color: #f49211 ;
    border-color: #f49211 ;
}
.page-item.active .page-link {
	background-color: #f49211 ;
	border-color: #f49211 ;
}
.form-check-inline .form-check-input {
	vertical-align: top;
}
.custom-file-input ~ .custom-file-label::after {
    content: "Datei auswählen";
}

#customFile .custom-file-control:lang(en)::after {
  content: "Select file...";
}

#customFile .custom-file-control:lang(en)::before {
  content: "Click me";
}

/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(en)::after {
  content: "" !important;
}

.custom-file {
  overflow: hidden;
}
.custom-file-control {
  white-space: nowrap;
}
.page-link {
	color: #f49211 ;
}
.task {
	margin-bottom: 1rem;
}
.card-label {
	font-size: small;
	margin-bottom: unset;
}
.input-group {
	margin-bottom: .5rem;
}
.panel {
	margin: 0 0 15px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #dbe1e8;
	border-radius: 0px;
	position: relative;
}
.panel-body {
	/* padding: 15px; */
}
.panel-footer-link {
	text-align: right;
}
.warm-blue-bg {
    background-color: #1F7BB6;
    color: #FFF;
}
.red-bg {
	background-color: #F00000;
	color: #FFF;
}
.orange-bg {
	background-color: #fca311;
	color: #FFF;
}
.panel .icon-bg {
	position: absolute;
	opacity: 0.8;
	left: 15px;
	top: 10px;
	font-size: 38px;
}
.panel-footer-link {
	text-align: right;
}
.panel-footer {
	background: rgba(0,0,0,.1);
	border-top: 0px;
	padding: 5px 15px;
	border-radius: 0px;
}
.purple-bg {
	background-color: #986291;
	color: #FFF;
}
.detail-ansprechpartner-table {
	margin-top: 5rem;
}
/* The message box is shown when the user clicks on the password field */
#message {
  display: none;
}

#message span, #message2 {
  font-size: 80%;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  display: none;
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
  color: red;
}
.btn-primary {
	color: #fff !important;
    background-color: #0D4BBB;
	border-color: #0D4BBB;
}
.btn-info {
	background-color: #5686A3;
	border-color: #5686A3;
}
.btn-success {
	background-color: #98D5E1 !important;
	border-color: #98D5E1;
}
.btn-danger {
	background-color: #F0552E;
	border-color: #F0552E;
}
.btn-success {
   	background-color: #3A864D !important;
	border-color: #3A864D;
}
.btn-warning {
	background-color: #F7D159;
	border-color: #F7D159;
}
.btn-secondary {
    color: #fff !important;
}
.bg-success {
	background-color: #3A864D !important;
	border-color: #3A864D;
}
.bg-danger {
	background-color: #F0552E !important;
	border-color: #F0552E;
}
#uebersicht_wrapper, #uebersicht2_wrapper, #statistik_wrapper, #article_wrapper, #auswertung_wrapper, #uebersichtzwei_wrapper, #uebersichtdetail_wrapper, #times_wrapper {
	padding-left: 0;
	padding-right: 0;
}
.btn-insight {
	margin-bottom: .5rem;
	width: 100%;
}
.poistion_pointer:hover {
	cursor: move;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "|";
}
.freigabe {
	color: black;
}
.bg-freigabe {
	background-color: #fff3cd;
}
.bg-check {
	background-color: #f8d7da;
}
[data-toggle="collapse"] .fa:before {  
  content: "\f139";
}
[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}
#Jobaccordion {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-body {
	padding: 1rem;
}
.card-header {
	padding: .75rem 1rem;
}
.Beauftragt_Symbol {
	color: #F0552E;
}
.Freigabe_Symbol {
	color: #0D4BBB;
}
.Check_Symbol {
	color: #f49211;;
}
/* calendar */
td.calendar-day, td.calendar-day-np { 
    width:120px; 
    padding:5px; 
    border:1px solid #999; 
}
td.calendar-day	{ 
    min-height:180px; 
    font-size:11px; 
    position:relative; 
} 
td.calendar-day:hover	{ 
    background:#eceff5; 
}
td.calendar-day-np	{ 
    background:#eee; 
    min-height:180px; 
} 
td.calendar-day-head { 
    background:#ccc; 
    font-weight:bold; 
    text-align:center; 
    width:120px; 
    padding:5px; 
    border:1px solid #999; 
}
.day-number { 
    background:#6c757d; 
    padding:5px; 
    color:#fff; 
    font-weight:bold; 
    float:right; 
    margin:-5px -5px 0 0; 
    width:20px; 
    text-align:center;
    border-radius: 0 0 0 0.25rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0.25rem;
}
.day-number-today { 
    background:#f49211;; 
    padding:5px; 
    color:#fff; 
    font-weight:bold; 
    float:right; 
    margin:-5px -5px 0 0; 
    width:20px; 
    text-align:center;
    border-radius: 0 0 0 0.25rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0.25rem;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.filelist {
	padding-left: 0;
}