html,body {
	height: 100%;
	font-family: var(--bs-font-sans-serif) !important;
}

body.my-login-page {
	background-color: #212529;
	font-size: 14px;
}

.my-login-page .brand img,.my-login-page-reverse .brand img{
	max-width:90%;
	display: inline-block;
}

.my-login-page .card-wrapper,.my-login-page-reverse .card-wrapper {
	width: 400px;
}

.my-login-page .card, .my-login-page-reverse .card {
	border-color: transparent;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	font-family: var(--bs-font-sans-serif) !important;
}

.my-login-page .card.fat, .my-login-page-reverse .card.fat {
	padding: 10px;
	background-color: #ffffff;
}

.my-login-page .input-group label, .my-login-page-reverse .input-group label {
	width: 100%;
	padding: 0 0 5px 0;
}

.my-login-page .btn.btn-block, .my-login-page-reverse .btn.btn-block {
	padding: 12px 10px;
}

.my-login-page .margin-top20, .my-login-page-reverse .margin-top20  {
	margin-top: 20px;
}

.my-login-page .no-margin, .my-login-page-reverse .no-margin {
	margin: 0;
}

.my-login-page .footer, .my-login-page-reverse .footer {
	margin: 20px 0;
	color: #333;
	text-align: center;
}

.colorpreview-dropplet{
	position:absolute;
	right:5px;
	top:2.1rem;
	padding: 2px 7px;
	font-size:25px;
	z-index:1000;
}

/*Pointer*/
.buttoncursorchange{
	cursor: pointer;
  }

/*Border Radius Textboxen*/
#password{
	border-top-left-radius : 0px !important;
	border-bottom-left-radius : 0px !important;

	border-top-right-radius : 5px !important;
	border-bottom-right-radius : 5px !important;
}

.input-group-prepend > .input-group-text{
	border-top-left-radius : 5px !important;
	border-bottom-left-radius : 5px !important;
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.tippscheinbutton{
	border-radius: 0 !important;
	width: 100%;
	/*width: -webkit-fill-available;*/
	display: flex;
	justify-content: center;
}

.spieler1Punkt {
	padding: 5px;
	border-radius: 50%;
	background-color: blue;
	position: absolute;
	top: 5px;
	left: 5px;
}
.spieler2Punkt {
	padding: 5px;
	border-radius: 50%;
	background-color: yellow;
	position: absolute;
	top: 25px;
	left: 5px;
}
.spieler3Punkt {
	padding: 5px;
	border-radius: 50%;
	background-color: palevioletred;
	position: absolute;
	top: 5px;
	right: 5px;
}
.spieler4Punkt {
	padding: 5px;
	border-radius: 50%;
	background-color: brown;
	position: absolute;
	top: 25px;
	right: 5px;
}

.spielZahlButtonDiv {
	width: 10%;
	position: relative;
}



 .input-group-text > .fa-duotone{
	line-height: unset;
}


/*EJPkugeln*/
.ball {
    text-align: center;
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 40px;
    color: #707070;
    background-color: #fff;
    margin-right: 5px;
    cursor: default;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ball-jackpot {
    text-align: center;
    float: left;
    height: 40px;
    width: 100px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 40px;
    color: #707070;
    background-color: #fff;
    margin-right: 5px;
    cursor: default;
    margin-top: 5px;
    margin-bottom: 5px;
}

.winning_numbers, .ball-grey-winning_numbers {
    background-color: #e6e6e6;
    color: #707070;
}

.ball-container {
    margin-bottom: 15px;
    /*margin-top: 15px;*/
    padding-left: 0;
    list-style: none;
}

/*iOS Phonenumber Detection shit*/
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.form-check-input-btn-dark:checked {
    background-color: #212529;
    border-color: #212529;
}

.form-check-input-btn-dark:focus {
    border-color: #7e7e7e;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(194, 194, 194, 0.25);
	background-color: #212529;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cacaca'/%3e%3c/svg%3e") !important;
}

.page-item.active .page-link{
	background-color: #212529;
	border-color: #212529;
}

.hidden {
	display: none !important;
}


.circle {
	background-image:
	  -webkit-radial-gradient(
		circle,
		#e6e6e6, #e6e6e6 15px, transparent 15px
	  );
	background-image:
	  radial-gradient(
		circle,
		#e6e6e6, #e6e6e6 15px, transparent 15px
	  );
	  line-height: 25px;
  	/*border:1px solid grey;*/
}

.circle-dark {
	background-image:
	  -webkit-radial-gradient(
		circle,
		#707070, #707070 18px, transparent 20px
	  );
	  line-height: 25px;
}

.dropdown-menu-longmenu{ 
	max-height:250px; 
	overflow-y:auto;
}

/*iPhone up to iPad*/
@media (min-width: 200px) and (max-width: 767.98px) {
	
	.tippscheinbutton{
		border-radius: 0 !important;
		/*width: 20%;*/
	}



	/*EJP2022 Änderung*/
	.zweiauszehn_reihe{
		width: 90% !important;
	}

	/*
	.tippscheinbutton:hover{
		color: black;
		background-color: white;
	}*/
}

@media (min-width: 767.98px) {
	
	.floatCenterButtons{
		text-align: center !important;
	}

	.Tipploeschen{
		float:right;
	}

	.floatrightondesktop{
		float:right;
	}
}