@charset "utf-8";

/*********/
/* Fonts */
/*********/

@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

@font-face {
	font-family: 'badhousebold';
	src: url('/fonts/badhousebold/badhousebold-webfont.woff2') format('woff2'),
		url('/fonts/badhousebold/badhousebold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/**********/
/* Farben */
/**********/

:root {
	--main:#F99D27;
	--main-lighter:#FFB741;
	--main-darker:#E0840E;
}

a{
	color:var(--main);
}
a:hover, a:focus{
	color:var(--main-darker);
}

.bg-secondary,
.btn-secondary {
	background-color: #5C5C5C !important;
}
.btn-secondary:hover, .btn-secondary:focus{
	background-color: #4C4C4C !important;
}

.btn-outline-primary{
	border-color: var(--main);
	color: var(--main);
}
.btn-check:checked + .btn-outline-primary{
	background-color: var(--main);
	border-color: var(--main);
}

/**********/
/* Layout */
/**********/

body{
	background-color:#FFFCD5;
	color:#333333;
	font-size:16px;
	font-family: 'Didact Gothic', sans-serif;
}
body#scoreboard{
	background-color:transparent;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'badhousebold', sans-serif;
}

.btn{
	font-family: 'badhousebold', sans-serif;
	font-size:20px;
}

b{
	font-weight:500;
}

pre{
	white-space:pre-wrap;
}

.form-control:focus, .form-select:focus{
	border-color:#ced4da;
	box-shadow:none;
}

main{
	position:relative;
	min-height:100vh;
	overflow-x:hidden;
}

main .wrapper{
	padding-top:72px;
}

body.nav-bottom .wrapper{
	padding-bottom:64px;
}

#navbar-top{
	background-image:url('/img/layout/bg-header.jpg');
	background-color: #454545;
	background-size: auto 100%;
}

#navbar-footer{
	height:64px;
	bottom:-64px;
	background-image:url('/img/layout/bg-header.jpg');
	background-color: #454545;
	background-size: auto 100%;
}
input[type="time"]::-webkit-calendar-picker-indicator {
	display:none;
}

.editbutton{
	position:absolute;
	right:16px;
	top:8px;
}

.btn-check:checked + .btn-secondary{
	background-color:var(--main) !important;
}

#market_name{
	white-space:nowrap;
}

.form-check-input:focus{
	box-shadow:none;
}

.form-check-input:checked{
	background-color: var(--main);
	border-color: var(--main);
}

.btn{
	box-shadow:none !important;
}

ol{
	padding-left:16px;
}

ol li{
	margin-bottom:8px;
}

/************/
/* Suchfeld */
/************/

.search{
	position:relative;
}

.search .fa-search {
	position:absolute;
	top:11px;
	left:13px
}

.search input{
	text-indent: 25px;
}

/*************/
/* Lade-Icon */
/*************/

#overlay{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	z-index:9000;
	background-color:rgba(0,0,0,0.5);
}

#loading{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	z-index:9400;
	background-color:rgba(0,0,0,0.5);
}

#loading > span{
	width:80px;
	height:80px;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px;
}

/******************/
/* Vorgänge Liste */
/******************/

.list-group-item.list-group-item-action{
	cursor:pointer;
}

.list-group-item .icon{
	display:block;
	height:32px;
	width:32px;
	line-height:32px;
	text-align:center;
}

/**********/
/* Farben */
/**********/

.btn-primary{
	background-color:var(--main);
	border-color:var(--main);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background-color:var(--main-darker);
	border-color:var(--main-darker);
}

.bg-primary{
	background-color:var(--main) !important;
}

.text-primary{
	color:var(--main) !important;
}

.border-primary{
	border-color:var(--main) !important;
}

.nav-link {
	color:var(--main);
}
.nav-link:focus, .nav-link:hover{
	color:var(--main-darker);
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header{
	background-color:var(--main-darker);
}
.dtp div.dtp-date, .dtp div.dtp-time{
	background-color:var(--main);
}

/****************/
/* Autocomplete */
/****************/

.autocomplete{
	width:100%;
	padding:0;
}

.autocomplete .dropdown-item{
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid rgba(0,0,0,.125);
}
.autocomplete .dropdown-item:first-child{
	border:0;
}

/*************/
/* Timewheel */
/*************/

#knobcontainer .knob{
	
}

#duration{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	border-radius:10em;
	border:1px solid #8a9097;
	color:#8a9097;
	padding:4px 12px;
	font-size:20px;
}

#duration span{
	color:#FFFFFF;
}

/*********/
/* Modal */
/*********/

.modal{
	z-index:9500;
}

.modal-body p:last-child{
	margin-bottom:0;
}

/*********/
/* Notiz */
/*********/

textarea.fullsize{
	width:100%;
	overflow:auto;
	resize: none;
}

/*********/
/* Login */
/*********/

#login{
	min-height:100vh;
}